Autor Zpráva
dusan456
Profil *
#1 · Zasláno: 18. 3. 2007, 01:07:27
Odpovědět Citovat
Na jakpsatweb.cz som našiel skript, ktorý by som chcel upraviť, že ak niekto prejde myšou nad odkaz, tak sa objaví text a ak odíde s myšou, zmizne aj text.
Tu to teraz funguje tak, že text zmizne, ak znova prejdem myšou ponad odkaz. Viem, že treba použiť onmouseout a pravdepodobne aj napísať novú funkciu, ale neviem ako na to, skušal som rôzne možností, ale nedarí sa mi. Javascript skoro vôbec neovládam a na nete som nenašiel žiaden takýto príklad, len so zmenou farby, prípadne zmenu obrázkov. Ďakujem vopred za prípadné info.

<script>
function zobrazSkryj(idecko){
el=document.getElementById(idecko).style;
el.display=(el.display == 'block')?'none':'block';
}
</script>
<style>
h3 {cursor: pointer; cursor: hand; text-decoration: underline}
.skryvany {display: none}
</style>
...
<h3 onmouseover="zobrazSkryj('oddil1')">Nadpis</h3>
<div id="oddil1" class="skryvany">
První oddíl: bla bla bla text</div>
<h3 onmouseover="zobrazSkryj('oddil2')">Nadpis druhého oddílu</h3>
<div id="oddil2" class="skryvany">
Druhý oddíl: bla bla bla text</div>
habendorf
Profil
#2 · Zasláno: 18. 3. 2007, 01:56:56 · Upravil/a: habendorf
Odpovědět Citovat
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>
</title>
<style>
.hidden {visibility:hidden;}
.visible {visibility:visible;}
</style>
<script>
function zobraz(co)
{
document.getElementById(co).className="visible";
}
function skryj(co)
{
document.getElementById(co).className="hidden";
}
</script>
</head>
<body>
<h3 onmouseover="zobraz('oddil1')" onmouseout="skryj('oddil1')">
Nadpis</h3>
<div id="oddil1" class="hidden"> První oddíl: bla bla bla text
</div>
<h3 onmouseover="zobraz('oddil2')" onmouseout="skryj('oddil2')">
Nadpis druhého oddílu</h3>
<div id="oddil2" class="hidden"> Druhý oddíl: bla bla bla text
</div>
</body>
</html>

Třeba. Z hlediska přístupnosti by to chtělo ještě malinko jinak, ale tohle je funkční kostra.
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0