Autor | Zpráva | ||
---|---|---|---|
davef6 Profil |
#1 · Zasláno: 14. 11. 2008, 15:13:44
Mám 2 radio buttony a jeden je zpočátku označen, potřebuji když klidnu na druhý, tak se mi ukáže část skrytého obsahu a když kliknu zpět, tak ta část co tam byla.
děkuji za rady |
||
peta Profil |
#2 · Zasláno: 14. 11. 2008, 15:22:58 · Upravil/a: peta
jakpsatweb - javascript - priklady
skryvani textu formulare - radio button Ktery z tech prikladu nechapes konkretne? Udelal jsem k tomu vysvetleni: http://www.volny.cz/peter.mlich/jpw/ |
||
bohyn Profil |
#3 · Zasláno: 14. 11. 2008, 15:25:27
function ukaz1() { document.getElementById("blok2").style.display = 'none'; document.getElementById("blok1").style.display = 'block'; } function ukaz2() { document.getElementById("blok1").style.display = 'none'; document.getElementById("blok2").style.display = 'block'; } Pridej to jednotlivym buttonum na on change a obalujicim prvkum textu prirad id blok1 a blok2 |
||
davef6 Profil |
#4 · Zasláno: 14. 11. 2008, 15:27:07
díky
|
||
Měsíček Profil |
#5 · Zasláno: 14. 11. 2008, 15:38:52
Nebo si použij objekt ..
var display = { turn : function(e) { var element = document.getElementById(e).style; element.display = (element.display == 'none') ? 'block' : 'none'; } } <a href="#" onClick="display.turn('a');"> Skrýt či odkrýt </a> <div id="a"> Nějáký text </div> |
||
bohyn Profil |
#6 · Zasláno: 14. 11. 2008, 15:42:31
davef6
Ted sem si vzpomel ze onchange asi nebude to prave. Dej to na onclick. |
||
Leo Profil |
#7 · Zasláno: 14. 11. 2008, 22:52:21
A jak to bude vypadat s vypnutym javascriptem? Leo
|
||
Chamurappi Profil |
#8 · Zasláno: 15. 11. 2008, 03:21:13
Reaguji na Měsíčka:
„Nebo si použij objekt ..“ Nepochopil jsem, jaký zde má „použití objektu“ smysl. Uvedený kód je akorát delší a dělá víceméně totéž… „(element.display == 'none') ? 'block' : 'none'“ Bude-li dotyčný element skrytý pomocí stylopisu, nebude element.display rovno „none“, takže první kliknutí žádnou viditelnou změnu neudělá. Vlastnosti v JS objektu style se totiž vždy týkají jen atributu style. |
||
Měsíček Profil |
#9 · Zasláno: 15. 11. 2008, 13:39:27
Reaguji na Chamurappiho:
"Nepochopil jsem, jaký zde má „použití objektu“ smysl. Uvedený kód je akorát delší a dělá víceméně totéž… " Je to kratší a můj příklad už má i správnou událost :) "Bude-li dotyčný element skrytý pomocí stylopisu, nebude element.display rovno „none“, takže první kliknutí žádnou viditelnou změnu neudělá. " Pravda, zkusím to vyřešit. "Vlastnosti v JS objektu style se totiž vždy týkají jen atributu style." Za tuto perličku díky, netušil jsem. |
||
Leo Profil |
CSS:
.schovano .prepnout { display: none; } HTML: <div id="k"> <script type="text/javascript"> document.getElementById("k").className = "schovano"; </script> <p class="prepnout"></p> </div> Leo |
||
Chamurappi Profil |
#11 · Zasláno: 15. 11. 2008, 19:35:23
Reaguji na Měsíčka:
„Je to kratší“ Je delší, než by byl bez „použití objektu“. „můj příklad už má i správnou událost :)“ Tvůj příklad by s onchange na odkazu už tuplem nic nezmohl :-) „Za tuto perličku díky, netušil jsem.“ Ano, moc se to neví. Kvůli (nejen) tomu zastávám názor, že skript by měl měnit „style.něco“ jen ve výjimečných případech, není-li jiná cesta. Téměř všechno — včetně jednoduchých animací — lze řešit přepínáním tříd. Jak ukazuje Leo. |
||
Časová prodleva: 15 let
|
0