Autor Zpráva
Cup
Profil
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
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
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
vše jede jak má děkuji ...
Měsíček
Profil
<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>
Pro pochopení .. dělá to trochu něco jiného než skript co ti dělal kolega, ale zato je zde využita CSS třída.
Chamurappi
Profil
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";
A nebo hravější variantu:
      var cvak = {"schovat": "zobrazit", "zobrazit": "schovat"};
      obj_1.className = cvak[obj_1.className] || "zobrazit";
      obj_2.className = cvak[obj_2.className] || "zobrazit";
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
slideUp/down je už jQuery..ale samozrejme dá sa..
Demoniak
Profil
ano ano vím o tom, knihovnu tam mám, jen sem nevěděl jak na to :)

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: