| Autor | Zpráva | ||
|---|---|---|---|
| Nadan Profil |
#1 · Zasláno: 19. 2. 2010, 18:14:16
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 |
#2 · Zasláno: 19. 2. 2010, 18:24:08
Aha, už vím v čem je chyba. Díky :-)
|
||
| Petr ZZZ Profil |
#3 · Zasláno: 19. 2. 2010, 23:56:43
Nerad ruším tvůj monolog, ale rád bych zeptal: V čem tedy byla chyba?
|
||
| Chamurappi Profil |
#4 · Zasláno: 20. 2. 2010, 04:33:48
Reaguji na Petra ZZZ:
V tom, že skriptem mění display a <div>y má zneviditelněné pomocí visibility: hidden.
|
||
| Petr ZZZ Profil |
#5 · Zasláno: 20. 2. 2010, 20:43:19
Chamurappi:
Děkuji. |
||
|
Časová prodleva: 14 let
|
|||
0