| Autor | Zpráva | ||
|---|---|---|---|
| Jiri Casek Profil |
#1 · Zasláno: 13. 8. 2009, 07:30:11
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> |
||
|
Časová prodleva: 15 let
|
|||
0