Autor Zpráva
lukas.pce
Profil *
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 *
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
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;
}

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: