Autor Zpráva
Neas
Profil
Ahoj. Chtěl bych se zeptat, jak by se dalo docíli efektu, jako je na těchto stránkách, při kliknutí na tlačítka mínus, která se potom změní na plus.
Díky
keeehi
Profil
JS
function show_hide(what)
{
    if (document.getElementById(what).style.display == "block") {
        document.getElementById(what).style.display = "none";
    } else
      document.getElementById(what).style.display = "block";
      
      return true;
}
	
function prehod_obrazek(co)
{
    if (document.getElementById(co).src=='plus.jpg') {
        document.getElementById(co).src = 'minus.jpg';
    } else
      document.getElementById(co).src = 'plus.jpg';
      
      return true;
}	


HTML
<img src="plus.jpg" onclick="prehod_obrazek('obr1');show_hide('id1');" id="obr1">
<div id="id1"  style="display:none;">
a tento text se skrývá
</div>
Neas
Profil
Zkusil jsem to, ale nefunguje :(
keeehi
Profil
oprav si tuto funkci
function prehod_obrazek(neco)
{
    if (document.getElementById(neco).src.substring(document.getElementById(neco).src.indexOf('.jpg')-4) == 'plus.jpg') {
        document.getElementById(neco).src = 'minus.jpg';
    } else
      document.getElementById(neco).src = 'plus.jpg';

      return true;
}

Potom už funguje jak skrývání, tak i změna obrázků. Jestli ne, pak je chyba někde na tvojí straně.
Neas
Profil
Díky, tohle už funguje, ale obávám se, že jsi mě špatně pochopil. Myslel jsem ten efekt, že když se klikne na tlačítko "mínus", skrytý text se začne postupně objevovat. Proto jsem dal odkaz na tyto stránky.

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: