Nascondere, visualizzare immagini

[Ted]

Allora... ho un form in cui c'è un <select>. Quando questa select cambia, deve visualizzare una immagine e nasconderne un altra e viceversa.

Ho provato a scrivere qualcosa ma senza risultato.
Questo è il codice del form:

<form method="POST" action="index.html">
<select name="disponibile" onChange="javascript:UpDown('1','2')">
  <option value="si">Up</option>
  <option value="no">Down</option>
</select>
[img]files/up.png[/img]
[img]files/down.png[/img]
</form>

mentre ecco il codice in Javascript:

function UpDown(id1, id2) {
  var itm1 = null;
  var itm2 = null;
  if (document.getElementById) {
itm1 = document.getElementById(id1);
itm2 = document.getElementById(id2);
  } else if (document.all) {
itm1 = document.all[id1];
itm2 = document.all[id2];
        } else if (document.layers) {
itm1 = document.layers[id1];
itm2 = document.layers[id2];
  }

  if (!itm1) {
   // do nothing
  }
  else if (itm1.style) {
if (itm1.style.display == "none") { itm2.style.display = "";}
else { itm2.style.display = "none";}
  }
  else { itm1.visibility = "show"; }
}

Grazie anticipatamente.

Bye, Ted

[Reale_Augello]

... così:

function f(what) {
 if (what=="si") {
  document.images["img1"].style.display="inline";
  document.images["img2"].style.display="none";
 }
 else {
  document.images["img1"].style.display="none";
  document.images["img2"].style.display="inline";
 }
}

Cambia la chiamata così:

<select name="disponibile" onChange="f(this[this.selectedIndex].value);">

E le immagini:

[img]files/up.png[/img]
[img]files/down.png[/img]

Ciao !

[Ted]

asssssolutamente perfetto!!!

non so come ringraziarti....

ecco... GRAZIE!!!

eheh... Ted