Funciona en internet explorer pero no en mozilla

[spaindvds]

hola tengo un script que me va perfecto en internet explorer pero en mozilla no me funciona.

el script es este:

<script language="JavaScript">

function addOpt(oCntrl, iPos, sTxt, sVal){
var selOpcion=new Option(sTxt, sVal);
eval(oCntrl.options[iPos]=selOpcion);
}

function cambia(obj,Cntrl){
var oCntrl=document.getElementById(Cntrl);
while (oCntrl.length!=0){
oCntrl.remove(0);
}
switch (obj.selectedIndex){
case 0:
addOpt(oCntrl, 0, "");
break;
case 1:
addOpt(oCntrl, 0, "Red");
addOpt(oCntrl, 1, "Blue Royal");
addOpt(oCntrl, 2, "Glitter Pink");
addOpt(oCntrl, 3, "Clear");
addOpt(oCntrl, 4, "Black");
addOpt(oCntrl, 5, "Grey");
addOpt(oCntrl, 6, "Beige");
addOpt(oCntrl, 7, "Yellow");


break;
case 2:
addOpt(oCntrl, 0, "Yellow Gold");
addOpt(oCntrl, 1, "Silver Plated");
addOpt(oCntrl, 2, "Gun Metal");


break;
case 3:
addOpt(oCntrl, 0, "Solid Silver");
addOpt(oCntrl, 1, "9ct Gold");
addOpt(oCntrl, 2, "Other");

break;
}
}
</script>


Alguna idea o recomendacion para que vaya en Mozilla?

[David]

¿Cómo llamas a la función? Además, no entiendo por qué usas eval().

[spaindvds]

No tengo mucha idea de programacion y esto es fruto de copiar y pegar y probar hasta que funciono...

Bueno este script funciona de la siguiente manera...

Tengo un formulario con una lista de dos opciones y dependiendo de que opcion escojas el campo siguiente del formulario es otra lista y te muestra las opciones dependiendo de que campo escojes en la primera lista de opciones.

me explico dos opciones una es "metalico" y la otyra "plastico" y dependiendo de cual escojas la siguiente lista de muestra las opciones para metalico o plastico, que los colores son diferentes.

lo llamo asi

<select name="material_01" onChange="cambia(this,'color_01')">


<option selected="selected"> </option>
<option>Plastic &pound;4.99</option>
<option>Metal &pound;6.99</option>
</select>


no se si se me entiende.

[David]

El código funciona bien, siempre y cuando tengas una lista con id="color_01"

[spaindvds]

Gracias David por mirar.

Si cierto y es asi la otra lista tiene ese id, el codigo funciona bien pero solo en internet explorer en mozilla no y no se en otros navegadores pues no los he provado aun pero es una put... que no vaya pues el formulario es tela de complicado y me ha llevado muchas horas y estudio hacerlo y ahora....


en fin alguna idea? deberia de funcionar en mozilla?

[David]

Aún en Firefox y en otros navegadores funciona, como dije, siempre y cuando tengas una lista desplebable con id="color_01".

[spaindvds]

Mil gracias David por mirar.

Ahora hago otra prueba limpiando todo el codigo y dejando solo lo indispensable para mirarlo pero a priori no me va con el mozilla.

[David]

¿Estás seguro que realmente tienes un <select id="color_01">? (Porque estoy casi seguro que el problema es debido la confusión de Internet Explorer con name e id, son dos cosas diferentes)

[spaindvds]

Completamente seguro, ahora estoy limpiando el resto de codigo para probar si alguna otra cosa esta interfiriendo para el mozilla, pero ya te digo con el explorer va de fabula.

[spaindvds]

He limpiado todo lo demas dejando solo lo esencial para hacer la prueba y No a mi no me va en Mozilla Firefox.... en explorer aun perfecto


este es el codigo total:

<!--aqui empieza el sript de activacion de campos -->

<script language="JavaScript">

function addOpt(oCntrl, iPos, sTxt, sVal){
var selOpcion=new Option(sTxt, sVal);
eval(oCntrl.options[iPos]=selOpcion);
}

function cambia(obj,Cntrl){
var oCntrl=document.getElementById(Cntrl);
while (oCntrl.length!=0){
oCntrl.remove(0);
}
switch (obj.selectedIndex){
case 0:
addOpt(oCntrl, 0, "");
break;
case 1:
addOpt(oCntrl, 0, "Pink");
addOpt(oCntrl, 1, "White");
addOpt(oCntrl, 2, "Black");
addOpt(oCntrl, 3, "Grey");
addOpt(oCntrl, 4, "Red");
addOpt(oCntrl, 5, "Yellow");
addOpt(oCntrl, 6, "Brown");
addOpt(oCntrl, 7, "Beige");
addOpt(oCntrl, 8, "Blue");


break;
case 2:
addOpt(oCntrl, 0, "Yellow Gold");
addOpt(oCntrl, 1, "Silver Plated");
addOpt(oCntrl, 2, "Gun Metal");


break;
case 3:
addOpt(oCntrl, 0, "Solid Silver");
addOpt(oCntrl, 1, "9ct Gold");
addOpt(oCntrl, 2, "Other");

break;
}
}
</script>




<!--aqui termina activacion de campos -->









<style type="text/css">
<!--
body {
background-color: #FFF;
}
-->
</style>
<table width="555" align="center">
<tr>
<td align="left">
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data" name="form" id="form">
<table border="0" cellpadding="2" cellspacing="1" class="txt_base_normal">
<tr align="center" class="txt_base_normal">
<td><div align="center"><strong>MATERIAL<br />
&quot;Choose one&quot;</strong></div></td>
<td><div align="center"><strong>COLOR<br />
&quot;Choose one&quot;</strong></div></td>
</tr>
<tr align="center">
<td align="center"><select name="material_01" onchange="cambia(this,'color_01')">
<option selected="selected"> </option>
<option>Plastic</option>
<option>Metal</option>
<option>Other</option>
</select></td>
<td align="center"><select name="color_01">
</select></td>
</tr>
<tr align="center">
<td align="center"><input type="reset" value="Clear" /></td>
<td align="center"><input type="submit" name="submit" value="Send the Form" /></td>
</tr>
</table>
</form>
</td>
</tr>
</table>



Alguna idea de porque?

[David]

Sabía que estaba en lo correcto

Iniciado por David

¿Estás seguro que realmente tienes un <select id="color_01">? (Porque estoy casi seguro que el problema es debido la confusión de Internet Explorer con name e id, son dos cosas diferentes)

Código:

<select name="color_01">
</select>

Debe ser:

Código html:

<select name="color_01" id="color_01">
</select>
 

[spaindvds]

ME QUITO EL SOMBRERO DAVID, CIERTO QUE LO SABIAS y yo no lo entendi supongo que debido a la ceguera que me estaba ya provocando el formulario.... y aun asi en el explorer funcionaba bien.

Y ahora esta arreglado.

MIL GRACIAS..................

[lobo_php]

jajajaj, y la leccion de hoy es...

MUESTRA TU FORMULARIO TAMBIEN.