cargar imagen segun combobox

[bitshoot]

Hola a todos, estoy tratando de hacer que al elegir una opcion de un combo box se cargue una imagen, hasta el momento tengo lo siguiente.

la funcion es:
function cargaImg(nombre){

if (nombre = "ALAMO") {
form1.document.getElementById('img').innerHTML = "<img src='images/email.gif' width='65' height='65' border='0' alt='foto2'>"
}
if (nombre = "COIGUE") {
form1.document.getElementById('img').innerHTML = "<img src='images/email.gif' width='65' height='65' border='0' alt='foto3'>"
}
if (nombre = "TEPA") {
form1.document.getElementById('img').innerHTML = "<img src='images/email.gif' width='65' height='65' border='0' alt='foto4'>"
}
}

y el combobox es:

<select name="Codigo" id="Codigo" onChange="cargaImg('<%=varListadoMaderas("madera")%>')">
<% while not varListadoMaderas.eof %>
<option value="<%=varListadoMaderas("codigo")%>"><%=varLis tadoMaderas("madera")%></option>
<% varListadoMaderas.movenext
wend%>
</select>

este codigo me esta cambiando la imagen, pero lo hace solo una vez... y no me reconoce la cadena de en los if, en la funcion. se dirige solo a la ultima imagen... bueno espero alguien pueda ayudarme y desde ya se agradese.

[JavierB]

Hola bitshoot

El select deberías ponerlo así:

<select name="Codigo" id="Codigo" onchange="cargaImg(this.value)">

Tienes unos error es en el código de la función:

if (nombre == "ALAMO") {

Además podría simplificar el código si poner una imágen con un id (<img id="algo">

y en el código cambias el src

document.getElementById('algo').src = 'mages/email.gif';

Espero que te sirva. Saludos,

[skatomundo]

Usando Switch y el SRC de la imagen para apuntar a la correspondiente

Código PHP:

  <script>
function cargaImg()
{ 
    var indice = document.form1.Codigo.selectedIndex;
    var nombre = String(document.form1.Codigo.options[indice].text);

    switch (nombre)
    {
    case "ALAMO":
        document.getElementById('imge').src = 'images/back.gif';
        break;
    case "COIGUE":
        document.getElementById('imge').src = 'images/drop1.gif';
        break;
    case "TEPA":
        document.getElementById('imge').src = 'images/addnew.gif';
        break;
    }
}
</script>  
  

Aqui no teniendo la base de datos coloque valores a mano.. salu2

Código PHP:

  <form name="form1" action="" method="post">
<select name="Codigo" id="Codigo" onChange="cargaImg()">
<option value="ALAMO>">ALAMO</option>
<option value="COIGUE">COIGUE</option>
<option value="TEPA">TEPA</option>
</select>

<img id="imge" src="">
</form>  
   

[bitshoot]

lo que pasa es que para el value de los options necesito tener solo el codigo de las opciones cargadas, y necesito mandar en nombre de las para hacer las comparaciones en el if... por lo tanto el <select name="Codigo" id="Codigo" onchange="cargaImg(this.value)"> no me sirve...

y a ver... si yo hago esto

var indice = document.form1.Codigo.selectedIndex;
var nombre = String(document.form1.Codigo.options[indice].text);

no es necesario que en el value mande necesariamente el texto con el nombre que comparare en el switch ¿verdad?, por lo tanto puedo mandar el codigo del producto... y sacar el texto con las 2 lineas de arriba...

bueno aun no me corre... y cambie la programacion por la de skatomundo

[bitshoot]

me funciono!!!! mxas gracias a todos...

pero tengo dos consultillas...

1.- como se cuando llamar una funcion con parametros y cuando no... ¿depende del programador?

2.- la programacion la hice plana, y no con la db, es decir si se ingresa un nuevo tipo de madera, no aparecera una imagen, pork cargue imageness para los registros que existen ¿como puedo hacerlo mas dinamico el js?

[skatomundo]

1 - la necesidad
2 - utilizando una BD

[chalchis]

http://www.forosdelweb.com/showthrea...cambiar+imagen