Autor Zpráva
Jiri Casek
Profil
Takhle to pracuje přesně jak si představuji. Jen mi to připada nějak složité. Ještě mně napada použít několik <div>u a postupně je zobrazovat a skrývat. A na ty prvky <option> by asi bylo lepší vytvořit nějakou podmínku. Jak to vidíte vy?

<script type="text/javascript">	

function zobrazobr(kam,x,y){
document.getElementById(kam).innerHTML="<img src='vyber sezeni.jpg' width='127' height='90' />";
document.getElementById(x).disabled=false;
document.getElementById(y).disabled=true;
document.getElementById('skryty1').style.display="";
}

function zvetsit(co,x,y){
document.getElementById(co).innerHTML="<img src='vyber sezeni.jpg' width='801' height='600' />";
document.getElementById(y).disabled=false;
document.getElementById(x).disabled=true;
}
	
</script>
	
<h1>Menu</h1>	

<select name="obrazek" value="obrázek">
 <option>---vyberte---</option>
 <optgroup label="obrázek č.1">
 <option id="1" onclick="zobrazobr('prvni','1-1','1-2')">Zobraz obrázek č.1</option>
 <option id="1-1" disabled="true" onclick="zvetsit('prvni','1-1','1-2')">zvětšit</option>
 <option id="1-2" disabled="true" onclick="zobrazobr('prvni','1-1','1-2')">zmenšit</option></optgroup>
 <optgroup label="obrázek č.2">
 <option id="2">Zobraz obrázek č.2</option>
 <option id="2-1" disabled="true">zvětšit</option>
 <option id="2-2" disabled="true">zmenšit</option></optgroup>
 <optgroup label="obrázek č.3">
 <option id="3">Zobraz obrázek č.3</option>
 <option id="3-1" disabled="true">zvětšit</option>
 <option id="3-2" disabled="true">zmenšit</option></optgroup>
</select>

<p id="prvni"></p><p id="skryty1" style="display:none">pokus</p>
<p id="druhy"></p>
<p id="treti"></p>	

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: