Autor | Zpráva | ||
---|---|---|---|
igid26 Profil |
#1 · Zasláno: 20. 11. 2012, 18:43:44
Zdravím,
Chcel by som vytvoriť box v ktorom budú v hornej časti čísla pomocou ktorých sa bude prepínať obsah. Ale potreboval by som aby sa daný výber ukladal do pamäte cez cookies. Napríklad kliknem na číslo 2 refreshujem stránku a po refreshovaní bude stále otvorené číslo 2. Mohol by mi niekto prosím vás poradiť ako to urobiť? |
||
candiess Profil |
igid26:
Jsou zde dva způsoby řešení, z toho jeden vychází z toho druhého. K věci, pokud to chceč čistým JS tak bude postup takový, že: po kliknutí se zobrazi div a ostatní skryjou + ajaxovy požadavek na skript s cookies, druhá možnost je použit již hotové řešení z řad JQuery UI a opět ajaxového řešení, záleží na tobě co si vybereš Doplním o to JQuery řešení: http://jqueryui.com/tabs/ |
||
Chamurappi Profil |
Reaguji na candiesse:
Proč do toho taháš AJAX? Copak říkal, že potřebuje obsah dynamicky načítat? Reaguji na igida26: Při onclick u na přepínací čísla nastavíš společnému rodiči třídu (vlastnost className ) a zapamatuješ si ji. Při načtení stránky se podíváš, co je zapamatované, a nastavíš to.
Je to šest řádků skriptu a špetka CSS. Masivní frameworky k takové trivialitě rozhodně nepotřebuješ… to, na co odkazuje candiess, opravdu nedoporučuji. Za určitých okolností to jde udělat úplně bez JavaScriptu. |
||
candiess Profil |
#4 · Zasláno: 20. 11. 2012, 23:12:57
Chamurappi:
Protože chce zaroven posilat cookies, přiznavam, že mě nenapadlo posilat cookie přes JS, nevíš, jestli s těmi cookies nebude chtít dál pracovat :) |
||
igid26 Profil |
Ďakujem za odpoveď
Som dosť veľký začiatočník takže berte ohľad. Prepínanie textu sa mi podarilo spojazdniť ale absolútne neviem ako tam mám zakomponovať cookies. Tu je môj kód. <html> <head> <script> function cislo1() { document.getElementById("demo").innerHTML="Tu sa zobrazí text 1"; } function cislo2() { document.getElementById("demo").innerHTML="Tu sa zobrazí text 2"; } function cislo3() { document.getElementById("demo").innerHTML="Tu sa zobrazí text 3"; } </script> </head> <body> <button onclick="cislo1()">1</button> <button onclick="cislo2()">2</button> <button onclick="cislo3()">3</button> <p id="demo"></p> </body> </html> |
||
Časová prodleva: 11 let
|
0