Extraño comportamiento en Firefox

[Elalux]

Saludos maestros, actualmente me encuentro embebido en comprender como pasan valores los formularios a scripts en la misma página, a modo de prueba hice una pequeña paginita en la que se imprime en la misma página el valor recibido desde el formulario.

El Script es muy sencillo y funciona muy bién en explorer, pero en Firefox (1.0.7), una vez que imprime el valor el navegador sigue descargando "algo", osea, el indicador del tab nunca deja de girar y siempre aparece cargando



No se si es un error del navegador ó (muy probablemente) un error de programación dada mi poca experiencia en JavaScript.

A continuación el código:

<select name="Region" onchange="mostrarValor(this.value)" >
<option selected value="">Seleccione</option>
<option value="Primero">Primero</option>
<option value="Segundo">Segundo</option>
<option value="Tercero">Tercero</option>
<option value="Cuarto">Cuarto</option>
</select>

<script type="text/javascript" language="JavaScript">
function mostrarValor(cual) {
if (cual != undefined) {
document.write(cual);
}
}
</script>

Agradeceré enormemente cualquier ayuda.

Saludos.

[caricatos]

Hola Elalux:

Me extraña que funcione en algún navegador porque el ejemplo está fatal...

document.write solo puede usarse al cargarse el documento, siguiendo su flujo normal, pero nunca puede usarse como la respuesta a un evento... para esos casos puedes usar alertas para verificar resultados o asignar resultados a campos de formularios o usar el DOM para mostrar datos... incluso abrir popups...

Donde pones document.write(cual);, prueba con una alerta (por ejemplo) como alert(cual);

Saludos

[Elalux]

jijiji grácias caricatos, solo una molestia mas, podrías darme alguna referencia para estudiar un poco para hacer lo que recomiendas? asignar los datos a campos de formulario y usar el DOM.

Un millón de grácias nuevamente.

Saludos.

[caricatos]

Hola:

Sobre el uso de formularios es más básico y fácil:
Simplemente creas un formulario que puedas referenciar con javascript con un campo de texto que puedas referenciar con javascript y simplemente modificas el atributo value del mismo...

<form name="ejemplo">
<input type="text" name="texto" />
</form>

Y con la línea siguiente le puedes dar nuevos valores:
document.forms.ejemplo.texto.value = "¡Hola Mundo!";

Con el DOM es algo más complejo, pero relativamente fácil...

Necesitas cualquier etiqueta con un id para referenciarla y puedes modificar su contenido con innerHTML:

<span id="contenido"></span>
...

document.getElementById("contenido").innerHTML = "¡Hola Mundo!";

innerHTML no es estándar pero funciona en todos los navegadores...

La forma estándar sería:

document.getElementById("contenido").appendChild(d ocument.createTextNode("¡Hola Mundo!"));

En las FAQs puse ejemplos para insertar/eliminar elementos con el DOM, y puedes ver también cosas interesantes en mi página (caricatos.net) o en la de JavierB

Yo aprendí bastante con un tutor que ua no existe, pero en la red hay bastante información.

Saludos

[tunait]

Buenas

Elalux, mira a ver si puedes sacar conclusiones de mi script de listas dependientes http://www.tunait.com/javascript/ind...asdependientes

un saludo

[Elalux]

Muchísmas grácas amigos, veo que no queda de otra mas que embarcarse a aprender esta cuestionsillas.

Saludos.