Foros del Web » Programando para Internet » Javascript »

javascript que no funciona con mozilla no se que hacer ayuda

Estas en el tema de javascript que no funciona con mozilla no se que hacer ayuda en el foro de Javascript en Foros del Web. Tengo 3 combos que van mostrando marca, modelo y tipo de un auto. El codigo si lo copian y pegan en 1 html funcion con ...
  #1 (permalink)  
Antiguo 03/04/2009, 12:25
 
Fecha de Ingreso: noviembre-2003
Mensajes: 24
Antigüedad: 20 años, 5 meses
Puntos: 0
javascript que no funciona con mozilla no se que hacer ayuda

Tengo 3 combos que van mostrando marca, modelo y tipo de un auto.
El codigo si lo copian y pegan en 1 html funcion con iexplorer perfectamente pero con mozilla no funciona y no logro encontrar porque .

Por favor si alguien me da 1 mano se lo agradecere. gracias



<html>
<head>
<script LANGUAGE=JAVASCRIPT TYPE="text/javascript" >
<!--
function CambioMarca(){
for(var j=0; j<document.form.tipomodelo.length;j++)
{
document.form.tipomodelo.options[j] = null
}
document.form.tipomodelo.length=0;
for(var j=0; j<document.form.modelo.length;j++)
{
document.form.modelo.options[j] = null
}
document.form.modelo.length=0;
switch (document.form.marca[document.form.marca.selectedIndex].value){
case '1':
oNewOption = new Option();oNewOption.text = "128";
oNewOption.value = "149";
document.form.modelo.add(oNewOption, document.form.modelo.length);
oNewOption = new Option();oNewOption.text = "Palio";
oNewOption.value = "150";
document.form.modelo.add(oNewOption, document.form.modelo.length);
break;
case '2':
oNewOption = new Option();oNewOption.text = "206";
oNewOption.value = "151";
document.form.modelo.add(oNewOption, document.form.modelo.length);
oNewOption = new Option();oNewOption.text = "306";
oNewOption.value = "152";
document.form.modelo.add(oNewOption, document.form.modelo.length);
break;
case '3':
oNewOption = new Option();oNewOption.text = "Clio";
oNewOption.value = "153";
document.form.modelo.add(oNewOption, document.form.modelo.length);
oNewOption = new Option();oNewOption.text = "Megane";
oNewOption.value = "154";
document.form.modelo.add(oNewOption, document.form.modelo.length);
break;
}
CambioModelo();
}
//-->
</script>




<script LANGUAGE=JAVASCRIPT TYPE="text/javascript" >
<!--
function CambioModelo(){
for(var j=0; j<document.form.modelo.length;j++)
{
document.form.tipomodelo.options[j] = null
}
document.form.tipomodelo.length=0;
switch (document.form.modelo[document.form.modelo.selectedIndex].value){
case '149':
oNewOption = new Option();oNewOption.text = "1100";
oNewOption.value = "135";
document.form.tipomodelo.add(oNewOption, document.form.tipomodelo.length);
oNewOption = new Option();oNewOption.text = "1300";
oNewOption.value = "136";
document.form.tipomodelo.add(oNewOption, document.form.tipomodelo.length);
break;
case '150':
oNewOption = new Option();oNewOption.text = "EL";
oNewOption.value = "138";
document.form.tipomodelo.add(oNewOption, document.form.tipomodelo.length);
oNewOption = new Option();oNewOption.text = "HL";
oNewOption.value = "137";
document.form.tipomodelo.add(oNewOption, document.form.tipomodelo.length);
break;
case '151':
oNewOption = new Option();oNewOption.text = "XR";
oNewOption.value = "140";
document.form.tipomodelo.add(oNewOption, document.form.tipomodelo.length);
oNewOption = new Option();oNewOption.text = "XS";
oNewOption.value = "139";
document.form.tipomodelo.add(oNewOption, document.form.tipomodelo.length);
break;
case '152':
oNewOption = new Option();oNewOption.text = "Copue";
oNewOption.value = "141";
document.form.tipomodelo.add(oNewOption, document.form.tipomodelo.length);
oNewOption = new Option();oNewOption.text = "Turbo diesel";
oNewOption.value = "142";
document.form.tipomodelo.add(oNewOption, document.form.tipomodelo.length);
break;
case '153':
oNewOption = new Option();oNewOption.text = "1.6 16V";
oNewOption.value = "144";
document.form.tipomodelo.add(oNewOption, document.form.tipomodelo.length);
oNewOption = new Option();oNewOption.text = "Sport";
oNewOption.value = "143";
document.form.tipomodelo.add(oNewOption, document.form.tipomodelo.length);
break;
case '154':
oNewOption = new Option();oNewOption.text = "Clasicc";
oNewOption.value = "146";
document.form.tipomodelo.add(oNewOption, document.form.tipomodelo.length);
oNewOption = new Option();oNewOption.text = "Copue";
oNewOption.value = "145";
document.form.tipomodelo.add(oNewOption, document.form.tipomodelo.length);
break;
}
}
//-->
</script>




</head>
<body>
</center>
<br>
<center><form name=form enctype=multipart/form-data method=post action=richo_insertar.php>
<fieldset><legend align=left>Valores de Alta/Modificacion de Autos</legend><p>
<center>
<p align="center"><b>INSERTAR
FOTOS <br>
<a href="index.php">[cancelar]</a> </b></p>
<table width="100%" border="1">
<tr align="center">
<td><font face="Verdana, Arial, Helvetica, sans-serif">Alta
<input type="text" name="alt" size="10" value="09/04/03">
</font></td>
</tr>



<center><table border=1><tr>
<td>Marcas 3
<td>Modelo
<td>Tipo de Modelo
</tr><tr><td><select name='marca' size='1' onchange="CambioMarca()">
<OPTION value=1>Fiat</OPTION>
<OPTION value=2>Peugeot</OPTION>
<OPTION value=3>Renault</OPTION>
</select>
<td><select name='modelo' size='1' onchange="CambioModelo()">
<OPTION value=149>128</OPTION>
<OPTION value=150>Palio</OPTION>
<td><select name='tipomodelo' size='1'>
<OPTION value=135>1100</OPTION>
<OPTION value=136>1300</OPTION>
</select>
<TR><TD><font style='font-size=10'></TD><TD></TD><TD><INPUT TYPE=SUBMIT NAME='eligio' VALUE='SUBMIT'></TD></TR></tr></tr></center></table><br></fieldset><td>Nueva Marca
<td>Nuevo Modelo
<td>Nuevo Tipo de Modelo
</tr><tr><br><td><b><input type='text' name='automaotra' size='15'></b></td>
<td><b><input type='text' name='automodeotro' size='15'></b></td>
<td><b><input type='text' name='autotipomodeotro' size='15'></b></td>
<br>
<td><font face="Verdana, Arial, Helvetica, sans-serif">Nombre<br>
<input type="text" name="nom" size="40">
</font></td>
</tr>
<tr align="center">
<td colspan="2">
<p>&nbsp;</p>
<p><b>SELECCIONAR Y SUBIR IMAGENES</b><br>
<b><font color="#FF0000">
</font></b> <br>
<input type="file" name="file1">
</p>
</td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
</table>
<p>
<input type="SUBMIT" name="eligio" value="SUBMIT">
<input type="hidden" name="tabla" value="fotos">
</p>
</form>
</center>
</body>
</html>
  #2 (permalink)  
Antiguo 03/04/2009, 12:41
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Respuesta: javascript que no funciona con mozilla no se que hacer ayuda

Reemplaza todos los select.add por:
Código javascript:
Ver original
  1. var opt = select.options;
  2. opt[opt.length] = nuevaOpcion;
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 03/04/2009, 13:33
 
Fecha de Ingreso: noviembre-2003
Mensajes: 24
Antigüedad: 20 años, 5 meses
Puntos: 0
Respuesta: javascript que no funciona con mozilla no se que hacer ayuda

Estimado david no tengo conocimiento de java script.

Te pregunto lo siguiente a ver si te entiendo bien.

select.add no encontre pero encontre .add

por ejemplo encontre
document.form.tipomodelo.add(oNewOption, document.form.tipomodelo.length);

como quedaria asi me decis ?
no entiendo bien que deberia reemplazar.
Disculpa y gracias


var opt = select.options;
opt[opt.length] = nuevaOpcion;
document.form.tipomodelo.add(oNewOption, document.form.tipomodelo.length);
  #4 (permalink)  
Antiguo 03/04/2009, 13:39
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Respuesta: javascript que no funciona con mozilla no se que hacer ayuda

select era sólo un nombre genérico para darte como ejemplo. En el caso de tu código sería:
Código javascript:
Ver original
  1. var opt = document.form.tipomodelo.options;
  2. opt[opt.length] = oNewOption;
Así es mejor para agregar opciones a un select.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #5 (permalink)  
Antiguo 03/04/2009, 13:48
 
Fecha de Ingreso: noviembre-2003
Mensajes: 24
Antigüedad: 20 años, 5 meses
Puntos: 0
Respuesta: javascript que no funciona con mozilla no se que hacer ayuda

Muchas gracias voy a probarlo !
  #6 (permalink)  
Antiguo 03/04/2009, 16:50
 
Fecha de Ingreso: noviembre-2003
Mensajes: 24
Antigüedad: 20 años, 5 meses
Puntos: 0
Respuesta: javascript que no funciona con mozilla no se que hacer ayuda

Cita:
Iniciado por David el Grande Ver Mensaje
select era sólo un nombre genérico para darte como ejemplo. En el caso de tu código sería:
Código javascript:
Ver original
  1. var opt = document.form.tipomodelo.options;
  2. opt[opt.length] = oNewOption;
Así es mejor para agregar opciones a un select.


David mil gracias ! funciona perfecto. Me salvaste.

Te queria preguntar porque motivo funcionaba antes en iexplorer y NO en mozilla y ahora con este cambio que me diste funciona en todos ?

Te doy las gracias nuevamente !!!

var opt = document.form.modelo.options;
opt[opt.length] = oNewOption;
  #7 (permalink)  
Antiguo 03/04/2009, 17:10
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Respuesta: javascript que no funciona con mozilla no se que hacer ayuda

El problema es que con el método add() el segundo parámetro es un problema, ya que Internet Explorer lo interpreta de una forma, mientras que el estándar dice otra.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #8 (permalink)  
Antiguo 03/04/2009, 17:20
 
Fecha de Ingreso: noviembre-2003
Mensajes: 24
Antigüedad: 20 años, 5 meses
Puntos: 0
Respuesta: javascript que no funciona con mozilla no se que hacer ayuda

Gracias!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:50.