Autor Zpráva
Nadan
Profil
Nevím proč nefunguje, omluvte mě za prasácký kód, je to začáteční verze, pak upravím. :-)
<style type="text/css">
body {
background-image: url(obrazky/okraj.png) ;
background-repeat: no-repeat;
}
</style>
<script type="text/javascript">
function zobrazSkryj(mesta){
el=document.getElementById(mesta).style;
el.display=(el.display == 'block')?'none':'block';}

function zobrazSkryj(pesocesty){
el=document.getElementById(pesocesty).style;
el.display=(el.display == 'block')?'none':'block';}

function zobrazSkryj(pohori){
el=document.getElementById(pohori).style;
el.display=(el.display == 'block')?'none':'block';}

function zobrazSkryj(reky){
el=document.getElementById(reky).style;
el.display=(el.display == 'block')?'none':'block';}

function zobrazSkryj(staty){
el=document.getElementById(staty).style;
el.display=(el.display == 'block')?'none':'block';}
</script> 
</head>
<body>
<div id="pesocesty" style="background-image: url(obrazky/pesocesty.png); position: absolute; left: 0px; top: 0px; width: 800px; height: 600px; visibility: hidden;"></div>
<div id="mesta" style="background-image:url(obrazky/mesta.png); position: absolute; left: 0px; top: 0px; width: 800px; height: 600px; visibility: hidden;"></div>
<div id="pohori" style="background-image:url(obrazky/pohori.png); position: absolute; left: 0px; top: 0px; width: 800px; height: 600px; visibility: hidden;"></div>
<div id="reky" style="background-image:url(obrazky/reky.png); position: absolute; left: 0px; top: 0px; width: 800px; height: 600px; visibility: hidden;"></div>
<div id="staty" style="background-image:url(obrazky/staty.png);position: absolute; left: 0px; top: 0px; width: 800px; height: 600px; visibility: hidden;"></div>
<div style="margin-top: 900px;">
<a onmouseover="this.style.cursor='pointer'" onclick="zobrazSkryj('pesocesty')">Pěší cesty</a><br/>
<a onmouseover="this.style.cursor='pointer'" onclick="zobrazSkryj('mesta')">Města</a><br/>
<a onmouseover="this.style.cursor='pointer'" onclick="zobrazSkryj('pohori')">Pohoří</a><br/>
<a onmouseover="this.style.cursor='pointer'" onclick="zobrazSkryj('reky')">Řeky</a><br/>
<a onmouseover="this.style.cursor='pointer'" onclick="zobrazSkryj('staty')">Státy</a>
</div>


Chyba bude asi v tom javascriptovém kódu, ale nevím co, pracuji s ním poprvé.
Nadan
Profil
Aha, už vím v čem je chyba. Díky :-)
Petr ZZZ
Profil
Nerad ruším tvůj monolog, ale rád bych zeptal: V čem tedy byla chyba?
Chamurappi
Profil
Reaguji na Petra ZZZ:
V tom, že skriptem mění display a <div>y má zneviditelněné pomocí visibility: hidden.
Petr ZZZ
Profil
Chamurappi:
Děkuji.

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: