Obnovení jen části stránky – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Zdravím,

dělám jednu šablonu pro Wordpress a chtěl bych docílit toho efektu, že když kliknu na jinou stránku v menu, tak aby se mi obnovila jen ta část s textem a ne komplet celá stránka. Z toho co mi prozradil Google, tak to v PHP nelze udělat, jen v JS,AJAXu. Chci se tedy zeptat jak toho v javascriptu docílit.

Dík ;-)

#1 mrkvi
Nevím jestli je to přesně to co myslíš, ale tohle je moderní řešení tvého problému.

http://jqueryui.com/demos/tabs/

A pokud hledáš jednodušší řešení, stačí když si přepíšeš tento kód:

<p>Ahoj, teď je právě <span id="cas"></span>.
<script>
function naplnCas (){
var datum = new Date(); // prave aktualni cas
aktualniCas = datum.getHours() + "." + datum.getMinutes() + ":" + datum.getSeconds();
// vybral jsem z data, co potrebuju a obalil znamenky, aby se to prevedlo na retezec
window.document.getElementById("cas").innerHTML = aktualniCas;
// vypocitana hodnota se vklada jako html dovnitr elemnetu, ktery ma id "cas"
}

naplnCas(); //naplneni na zacatku
window.setInterval("naplnCas()", 1000); //pravidelna zmena, 1000 je sekunda

</script>

zdroj: http://www.jakpsatweb.cz/javascript/priklady/datum-menici.html

#3 null_while
Co mají hodiny s jeho problémem společného? :D

Nicméně, pokud máš ty části, co se mají zobrazovat, připravené, tak stačí odkazům dát nějaká idčka (podle toho, jak to WP řeší - to teď nevím) a pomocí jQuery události click fadenout, či jinak prolnout obsah nový - tutrialy na takové věci snadno vygooglíš, popřípadě by ti měla stačit dokumentace jQuery.

Hádám ale, že obsah nebude připravený a bude ho potřeboval naloadovat z DB. Takže postup je obdobný jako výše - opět událost .click() vázaná na odkaz (je třeba dávat na konec return false; aby se odkaz stal "neaktivním"). Potom lze pomocí AJAXových funkcí z jQuery nahrát obsah. Například funkcí .load(), kde musíš najít id divu, kam se má vložit a udělat si soubor s PHP kódem loadování toho obsahu. Pak to bude vypadat následovně:

$('a#idodkazu').click(function(){
  $('div#iddivu').load('souborberouciobsahzdatbaze.php');
});

Více infomací opět v dokumentaci jQuery - http://jquery.com/. Pokud jsi nikdy s jQuery nepracoval, může to být tvrdší oříšek (zvlášť ještě se zasazením do WP). Kdyby jsi nevěděl, tak se dále ptej a pokud to bude možné, tak na konkrétnější problémy :)

#4 Nefaritus
metoda provede akci uvedenou jako první parametr vždy když uplyne počet milisekund uvedený jako druhý parametr metody, metoda vrací identifikátor

setInterval("alert('Dalších 15 sekund!')", 15000)

Takže stačí doplnit funkci obsahující část divu spojený přes třídu nebo identifikátor a tu vepsat.

Moc díky za odpovědi. S jQuery sem nikdy nedělal. Původně jsem si představoval, že to půjde nějak jednoduše a zároveň elegantně pomocí javascriptu. S webdesignem začínám a něco jako AJax, jQuery, ASP.NET a podobný jsou teprve v pořadníku ;-) Ale nic se neděje, teď mám dost času tak můžu do toho zalést...

#6 mrkvi
Je základ sy tyhle věci naučit implementovat normálně a až poté to zkoušet do WP. Ale pokud zvládáš "vnitřní" část WP dobře, pak by to neměl být až takový problém :)

Zdravím Vás, mám zřejmě podobnou záležitost. Chci původní datum změnit na aktuální bez času, jen datum a tím předskočit všechny i aktuální inzeráty. Docílit tak inzerát na první pozici. Jedná se mi o tlačítko, které vlastně obnoví inzerát, třeba půl roku starý, to je jedno. Potřebuji to samozřejmě globálně v administraci každého účtu vytvořit tlačítko pro obnovu inzerátů. Něco málo jsem nalezl, ale každá rada by se hodila. Děkuji Vám předem za reakce.