| Autor | Zpráva | ||
|---|---|---|---|
| Cup Profil |
#1 · Zasláno: 23. 12. 2008, 21:09:08
Googlil jsem ... ale vše co sem našl se mi zdálo příliš složité ... v js neumím a tak sem hledal něco co bude jednoduché a lehce to pochopím
potřeboval bych pomoc s jednou věcí ... pomocí javascriptu zobrazit, nebo skrýt část stránky mám dva DIVy pod sebou css .zobrazit{display:block} .schovat{display:none} <div 1 class="zobrazit"> v tomto divu mám i formulář ... </div> <div 2 class="schovat"> </div> při onclick na tlačítko submit v prvním divu bych chtěl aby se tyto dva DIVy jakože jejich zobrazení vyměnily ... první byl class="schovat" a druhý class="zobrazit" Pomohl by mi někdo kdo se vyzná v js ? :) děkuji :) Cup |
||
| Arcturus Profil |
#2 · Zasláno: 23. 12. 2008, 21:24:57
Nevím jestli jsem to správně pochopil, myslel jsi tohle?
<script>
function prohod() {
document.getElementById("skryt").style.visibility = "hidden";
document.getElementById("zobrazit").style.visibility = "visible";
}
</script>
<div id="skryt">
<form action="javascript: prohod()">
<input type="submit">
</form>
</div>
<div style="visibility:hidden;" id="zobrazit">
<p>puvodne skryty div<p>
</div> |
||
| Cup Profil |
#3 · Zasláno: 23. 12. 2008, 21:35:12
nšco takového sem chěl ale mám poroblém ... zobrazí se mi jedna část ale druhá už se neukáže .. prázdná obrazovka ... a taky sem tu funkci chtěl volat při kliku na to odesílací tlačítko tady to je udělané jako že se to vykoná ... ale já zároven budu odesílat data ve formuláři ... a mezi tím než se vše nahraje na server tak chci aby se tam zobrazil ten provizorní text ... z toho původně skrytého divu ... mno ... to dám snad dohormady pomocí onlick na submitu ... :) ještě ale musim vyrešit to odesílání díky
|
||
| Cup Profil |
#4 · Zasláno: 23. 12. 2008, 21:40:27
vše jede jak má děkuji ...
|
||
| Měsíček Profil |
#5 · Zasláno: 23. 12. 2008, 21:42:28 · Upravil/a: Měsíček
<style type="text/css">
.schovat {visibility:hidden;}
.zobrazit {visibility:none;background:red;}
</style>
<div id="a" class="zobrazit" onclick="change();"> Schovat/Zobrazit </div>
<div id="b" class="schovat" onclick="change();"> Schovat/Zobrazit </div>
<script type="text/javascript">
function change () {
var obj_1 = document.getElementById("a");
var obj_2 = document.getElementById("b");
(obj_1.className == "zobrazit") ? obj_1.className = "schovat" : obj_1.className = "zobrazit";
(obj_2.className == "zobrazit") ? obj_2.className = "schovat" : obj_2.className = "zobrazit";
}
</script>
|
||
| Chamurappi Profil |
#6 · Zasláno: 25. 12. 2008, 07:42:19 · Upravil/a: Chamurappi
Reaguji na Měsíčka:
„.zobrazit {visibility:none;background:red;}“ Raději „visible“. „(obj_1.className == "zobrazit") ? obj_1.className = "schovat" : obj_1.className = "zobrazit";“ Máš něco proti ifu? S pomocí ternárního operátoru, && a || se lze ifům vždy vyhnout, což ovšem neznamená, že je to dobrý nápad. Osobně bych výkonné části kódu do větví ternárního operátoru nikdy nestrkal. V tomto případě bych použil následující zápis: obj_1.className = (obj_1.className == "zobrazit") ? "schovat" : "zobrazit";
obj_2.className = (obj_2.className == "zobrazit") ? "schovat" : "zobrazit"; var cvak = {"schovat": "zobrazit", "zobrazit": "schovat"};
obj_1.className = cvak[obj_1.className] || "zobrazit";
obj_2.className = cvak[obj_2.className] || "zobrazit"; |
||
|
Časová prodleva: 4 roky
|
|||
| Demoniak Profil |
Chamurappi:
Omlouvám se za 4 roky obnovené téma, jen dotaz, dá se to samé udělat s funkcí SlideUp a SlideDown? Na javascript sem blbec tak nevím kam to dosadit. EDIT: jsem idiot, chvilka hledání a už to mám. |
||
| final Profil |
#8 · Zasláno: 12. 8. 2012, 21:29:25
slideUp/down je už jQuery..ale samozrejme dá sa..
|
||
| Demoniak Profil |
#9 · Zasláno: 12. 8. 2012, 22:52:50
ano ano vím o tom, knihovnu tam mám, jen sem nevěděl jak na to :)
|
||
|
Časová prodleva: 12 let
|
|||
0