Autor | Zpráva | ||
---|---|---|---|
lukas.pce Profil * |
#1 · Zasláno: 16. 8. 2007, 10:46:04
Mám problém potřebuju udělat něco jako prohlížení mapy proste na každy strane je tlačítko a klikntím na něj se změní obrázek za ten kterej je v další části (mapu sem si rozdelil na obrazky ty pak chci menit) bohužel mi to nějak nefunguje zkoušel sem to takto:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>mapa - online hra :D</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="styl.css" type="text/css" rel="stylesheet" /> </head> <body> <script type="text/javascript"> if (document.cookie===null){ document.cookie = "cookie=1-1"; } function zmena (smer) { document.getElementById ("obrazek"+document.cookie).style.display = "none"; switch (smer) { case '1' : var cookie=document.cookie.split("-"); document.cookie = "cookie="+cookie[0]-1+"-"+cookie[1]; break; case '2' : var cookie=document.cookie.split("-"); document.cookie = "cookie="+cookie[0]+1+"-"+cookie[1]; break; case '3' : var cookie=document.cookie.split("-"); document.cookie = "cookie="+cookie[0]+"-"+cookie[1]-1; break; case '4' : var cookie=document.cookie.split("-"); document.cookie = "cookie="+cookie[0]+"-"+cookie[1]+1; break; } document.getElementById ("obrazek"+document.cookie).style.display = "block"; </script> <div class="mapa"><img id="obrazek1-1" src="../grafika/mapa/1-1.gif" width="800" height="500" style="display: block;" /><img id="obrazek1-2" src="../grafika/mapa/1-2.gif" width="800" height="500" style="display: none;" /><img id="obrazek2-1" src="../grafika/mapa/2-1.gif" width="800" height="500" style="display: none;" /></div> <a href="javascript:zmena (1)" class="nahoru"><img src="../grafika/nahoru.gif" width="29" height="27" /></a><br /> <a href="javascript:zmena (2)" class="dolu"><img src="../grafika/dolu.gif" width="29" height="27" /></a><br /> <a href="javascript:zmena (3)" class="doprava"><img src="../grafika/doprava.gif" width="27" height="29" /></a><br /> <a href="javascript:zmena (4)" class="doleva"><img src="../grafika/doleva.gif" width="27" height="29" /></a> </body> </html> ale vysledek je že to nic neudělá... Doufám že to co sem sepsal aspon někdo pochopí a poradí.. |
||
lukas.pce Profil * |
#2 · Zasláno: 16. 8. 2007, 12:58:15
tak už sem to vyřešil, kdyby to nekdo chtel tak:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>mapa - online hra :D</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="styl.css" type="text/css" rel="stylesheet" /> </head> <body> <img src="../grafika/nahoru.gif" width="29" height="27" onclick="zmena('1')" /> <img src="../grafika/dolu.gif" width="29" height="27" onclick="zmena('2')" /> <img src="../grafika/doprava.gif" width="27" height="29" onclick="zmena('3')" /> <img src="../grafika/doleva.gif" width="27" height="29" onclick="zmena('4')" /> <script type="text/javascript"> var sloupec = 1; var radek = 1; function zmena (smer) { switch (smer) { case '1' : if (radek != 1){ document.getElementById ("obrazek"+radek+"-"+sloupec).style.display = "none"; radek--; document.getElementById ("obrazek"+radek+"-"+sloupec).style.display = "block"; } break; case '2' : if (radek != 2){ document.getElementById ("obrazek"+radek+"-"+sloupec).style.display = "none"; radek++; document.getElementById ("obrazek"+radek+"-"+sloupec).style.display = "block"; } break; case '3' : if (sloupec != 2){ document.getElementById ("obrazek"+radek+"-"+sloupec).style.display = "none"; sloupec++; document.getElementById ("obrazek"+radek+"-"+sloupec).style.display = "block"; } break; case '4' : if (sloupec != 1){ document.getElementById ("obrazek"+radek+"-"+sloupec).style.display = "none"; sloupec--; document.getElementById ("obrazek"+radek+"-"+sloupec).style.display = "block"; } break;} } </script> <div class="mapa"><img id="obrazek1-1" src="../grafika/mapa/1-1.gif" width="800" height="500" style="display: block;" /><img id="obrazek1-2" src="../grafika/mapa/1-2.gif" width="800" height="500" style="display: none;" /><img id="obrazek2-1" src="../grafika/mapa/2-1.gif" width="800" height="500" style="display: none;" /></div> </body> </html> pokud ste trochu inteligentní tak si to upravite pro kolik obrazku chcete ;) |
||
peta Profil |
#3 · Zasláno: 16. 8. 2007, 13:44:19
function x(z)
{ document.getElementById ("obrazek"+radek+"-"+sloupec).style.display = z?"block":"none"; } switch (smer) { case '1' : if (radek != 1) {x(0); radek--; x(1);}; break; case '2' : if (radek != 2){x(0); radek++; x(1);}; break; case '3' : if (sloupec != 2) {x(0); sloupec++; x(1);}; break; case '4' : if (sloupec != 1) {x(0); sloupec--; x(1);}; break; default: break; } |
||
Časová prodleva: 17 let
|
0