| Autor | Zpráva | ||
|---|---|---|---|
| Sipik Profil |
#1 · Zasláno: 26. 2. 2011, 15:23:27
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 |
#2 · Zasláno: 26. 2. 2011, 17:46:46
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 |
#3 · Zasláno: 26. 2. 2011, 20:33:47
Ď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 |
#4 · Zasláno: 26. 2. 2011, 20:43:27 · Upravil/a: jenikkozak
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 |
#5 · Zasláno: 27. 2. 2011, 09:21:30
Ďakujeeem moc :) Funguje ako ma :) Super :)
|
||
|
Časová prodleva: 13 let
|
|||
0