Pero si es 1 variable global?!

donfalcone · #1 (**permalink**) 21/06/2008, 10:13

Hola a tod@s!

Tengo un pequeno problema que no logro entender:

este script no me funciona:

Código PHP:

  <html> 
<head> 
<script type="text/javascript"> 
 
a = document.getElementById('c').value; 
 
function prueba(){ 
return alert (a); 
} 
 
</script> 
</head> 
<body> 
 
<input type="text" id="c" /> 
 
<button onclick="prueba();">probar</button> 
</body> 
</html>

En cambio, este sí:

Código PHP:

  <html> 
<head> 
<script type="text/javascript"> 
 
function prueba(){ 
a = document.getElementById('c').value; 
return alert (a); 
} 
 
</script> 
</head> 
<body> 
 
<input type="text" id="c" /> 
 
<button onclick="prueba();">probar</button> 
</body> 
</html>

Mi pregunta es: ?por qué no me funciona el primer script?
Defino la variable como global, por lo que tendría que funcionar.

Si alguien sabe la respuesta a este pequeno enigma agradezco su ayuda.

Saludos!

JavierB · #2 (**permalink**) 21/06/2008, 10:22

Hola donfalcone

Lo que ocurre es que la línea a = document.getElementById('c').value; se está ejecutando antes de que ser cree el input

Saludos,

johnj · #3 (**permalink**) 21/06/2008, 10:43

Estoy de acuerdo con JavierB en la línea a = document.getElementById('c').value; del primer script estas intentando obtener un elemento que en ese instante de la ejecución no existe.
En cambio en el segundo script se supone que se ejecuta en la función prueba y por supuesto este elemento ya existe.

donfalcone · #4 (**permalink**) 21/06/2008, 11:33

Hola!

Gracias por vuestras respuestas johnj y JavierB,... visto lo visto. Como puedo hacerlo, para que esa variable sea global?

??Tengo alguna alternativa??

Muchas gracias

johnj · #5 (**permalink**) 21/06/2008, 11:43

Cita:

Iniciado por donfalcone

Hola!

Gracias por vuestras respuestas johnj y JavierB,... visto lo visto. Como puedo hacerlo, para que esa variable sea global?

??Tengo alguna alternativa??

Muchas gracias

Pues la variable ya es global pero creo que a lo que te refieres es que el elemento se pueda obtener en cualquier momento:

Código:

window.onload = function()
{
var a = document.getElementById('c');
}

En ves de solo:

Código:

a = document.getElementById('c');

Así solo tendras que hacer lo siguiente en la función prueba :

Código:

function prueba(){
return alert (a);
}

Y quedara la variable accesible en cualquier momento de la ejecución.

Quedo pendiente.

JavierB · #6 (**permalink**) 21/06/2008, 11:44

Hola de nuevo.

Pon como variable global: var a;

y le asignas el valor en el evento onload

<body onload = "a = document.getElementById('c').value">

Saludos,

donfalcone · #7 (**permalink**) 21/06/2008, 11:54

Hola!

Gracias por la rapidez, pero me temo que no me sirve la respuesta, ya que cuando la página se carga, el valor del input aun no se ha introducido.
Además me gustaría, que captará los nuevos valores del input (si se borra, si se cambia, etc.)

Alguna alternativa??

Gracias por vuestra ayuda.

Saludos!!

JavierB · #8 (**permalink**) 21/06/2008, 12:25

Hola de nuevo.

Si lo hubieras explicado al principio...

Prueba esto:

Código:

<input type="text" onchange = "a=this.value">

Saludos,

johnj · #9 (**permalink**) 21/06/2008, 12:32

JavierB pero con onchange hay que salir del input para que se genere el evento.

La pregunta es: ¿ Es lo mismo que hacer con onblur ?

Saludos

donfalcone · #10 (**permalink**) 21/06/2008, 12:41

Hola!

Gracias a ambos.

Lo que comentabas, JavierB, me funciona!

Gracias.
Y disculpa si no lo expresé con suficiente claridad :)