Autor Zpráva
Sipik
Profil
Ahoj
Používam jednoduchú funkciu na skrývanie a odkrývanie. Kód vyzerá takto
Javascript:
function zobrazZakry(id){
el=document.getElementById(id).style; 
el.display=(el.display == 'block')?'none':'block';
}

HTML:
<h5 onclick="zobrazZakry('nieco')">Nejaky nadpis</h5>
<div id="nieco" class="nejakyclass"><p>Tu je text k nadpisu nejaky nadpis</p> </div>

Chcem sa spýtať, ako docielim aby pri tom nadpise bola nejaká šípka do prava keď to je neaktívne (resp. keď nieje vysunuty text) a ked je to aktívne, tak nejaka šípka dolu? Ďakujem za rady.
jenikkozak
Profil
Vytvořil bych dvě třídy, jedna by měla na pozadí šipku dolů, druhá doprava. Ve funkci zobrazZakry by se mohla měnit tato třída přiřazená nadpisu.
Sipik
Profil
Ďakujem za radu :) Prosim mohol by si ukázať kód? V Javascirpte som totálna Lama. Učil som sa vždy len PHP a veci okolo neho. Tak prosím ak by ťa to nezaťažovalo alebo ak budeš mať čas bol by som moc rád :).
jenikkozak
Profil
Já nejsem žádný odborník na JS, odpověděl jsem, protože nikdo jiný nereagoval.
<script type="text/javascript">
function zobrazZakry(id,odkaz){
el=document.getElementById(id).style;
el.display=(el.display == 'block')?'none':'block';
el2=document.getElementById(odkaz);
if(el2.className=="trida1"){el2.className="trida2";}else{el2.className="trida1";}
}
</script>
<h5 onclick="zobrazZakry('nieco','odkaz')" class="trida1" id="odkaz">Nejaky nadpis</h5>
<div id="nieco" class="nejakyclass"><p>Tu je text k nadpisu nejaky nadpis</p> </div>

Možná se to dá udělat lépe, však on mě kdyžtak někdo opraví.

Edit: A nebo bych nadpis i div dal do společného prvku (asi taky divu), pomocí zobrazZakry bych měnil třídu tohoto společného rodiče, který by měl ve stylech uvedené vlastnosti potomků.
Pak by to vypadalo nějak takto:
  <style>
  .trida_rodice1 h5{color:blue}
  .trida_rodice1 p{display:block}
  .trida_rodice2 h5{color:red}
  .trida_rodice2 p{display:none}
  </style>
<script type="text/javascript">
function zobrazZakry(id){
el2=document.getElementById(id);
if(el2.className=="trida_rodice1"){el2.className="trida_rodice2";}else{el2.className="trida_rodice1";}
}
</script>
</head>
<div id="rodic" class="trida_rodice1">
<h5 onclick="zobrazZakry('rodic')">Nejaky nadpis</h5>
<p>Tu je text k nadpisu nejaky nadpis</p>
</div>
Sipik
Profil
Ďakujeeem moc :) Funguje ako ma :) Super :)

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:

Prosím používejte diakritiku a interpunkci.

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