ONBLUR para hacer un LINK

lrunge · #1 (**permalink**) 03/01/2007, 22:19

Hola a todos, buenas noches...

Quisiera saber como puedo hacer lo siguiente:

¿Como hago si quiero hacer un link con los datos de un campo de texto, que aun no ha sido enviado?

Explico:

Tengo un form con un campo de texto llamado nombre, y al lado tengo un link a una pagina llamada comprobar.php

Lo que deseo hacer es que si el usuario escribe luis en el campo de texto, al darle click al link de al lado, quede asi comprobar.php?nombre=luis SIN QUE EL FORMULARIO HAYA SIDO ENVIADO

Si escribe pedro, al hacer click quede asi: comprobar.php?nombre=pedro

Tengo mas o menos una idea, creo que tiene algo que ver con el evento ONBLUR, pero no se mucho de la sintaxis en JAVASCRIPT

Agradeceria al que pueda ayudarme.

Muchas gracias y...

Salu2

caricatos · #2 (**permalink**) 04/01/2007, 01:29

Hola:

Más o menos sería así:

onblur="document.getElementById('enlace').href = 'comprobar.php?nombre=' + this.value"

El enlace del ejemplo tiene id="enlace"

Saludos

lrunge · #3 (**permalink**) 04/01/2007, 11:03

Me funciona bien... mi pregunta ahora es que como haria para abrir comprobar.php en un POPUP?

<a href="#" id="link" onclick="MM_openBrWindow('comprobar.php','','width =300,height=300')">Comprobar</a>

Salu2

caricatos · #4 (**permalink**) 04/01/2007, 11:58

Hola:

Fíjate en las FAQs que hay puedes encontrar la respuesta:

<a href="comprobar.php" target="popup" onclick="window.open('', 'popup', 'width=300,height=300')">Comprobar</a>

Saludos

lrunge · #5 (**permalink**) 06/01/2007, 12:24

Cita:

Hola:

Fíjate en las FAQs que hay puedes encontrar la respuesta:

<a href="comprobar.php" target="popup" onclick="window.open('', 'popup', 'width=300,height=300')">Comprobar</a>

Saludos

Como abrir un POPUP lo se... lo que queria saber es como abrir el popup e indicarle a la ventana el valor que quiero pasar por la url, o sea... que me quedara mas o menos asi:

Escribo en el campo de texto luis y que al hacer click en el link (que abre el popup), el popup sea: comprobar.php?nombre=luis

Saludos

caricatos · #6 (**permalink**) 06/01/2007, 12:36

Hola:

Eso mismo está en las FAQs... si es un formulario debes abrir la ventana en blanco antes que el envío desde el evento submit (onsubmit)... con el target del form coincidiendo con el nombre de la ventana... y los datos se envían correctamente.

También puedes verlo en este artículo: Formularios y enlaces dirigidos a ventanas

Saludos

lrunge · #7 (**permalink**) 06/01/2007, 15:36

Ok, creo que no me estoy explicando bien.. ahi voy:

Tengo un formulario de registro en el cual le pido al usuario lo siguiente:

nick, contrasena, direccion, mail, edad, fecha de nac, sexo, pais y ciudad

y cuando el haga click en el boton enviar, guardo los datos en la bd... ok.. eso esta facil, pero lo que quiero es que el usuario primero verifique si su nick no se encuentra registrado por otro usuario.

La idea es hacer un LINK al lado del campo nick, en el cual el usuario al hacer click en ese link, se abra un popup que le diga si esta o no registrado ese nick.

Lo que deseo es que si el usuario escribe lrunge y haga click en el link, se abra el popup (Compobar.php) pero sin que se envie el form, por eso es que quiero que el popup que se abra sea comprobar.php?nick=lrunge

caricatos · #8 (**permalink**) 06/01/2007, 16:35

Hola:

Te he contestado todo lo que has preguntado y tienes suficientes datos como para hacer tu formulario con tu enlace de verificación... revisa todos los mensajes y ponte manos a la obra

Te prepararé un ejemplo, pero con los datos que tienes creo que es suficiente

Saludos

caricatos · #9 (**permalink**) 06/01/2007, 16:54

Bueno, no tardé mucho...

Código:

<html>
	<head>
		<title>
			chequear nick
		</title>
		<script type="text/javascript">
			function e(que) {
				return document.getElementById(que);
			}
		</script>
	</head>
	<body >
		<form action="temporal.php" method="post" target="_blank" enctype="multipart/form-data" >
			<input type="text" name="nick" onblur="e('apodo').href = 'temporal.php?nick=' + this.value" />
			<a id="apodo" href="comprobar.php" target="popup" onclick="window.open('', 'popup', 'width=300,height=300')">comprobar</a>
			<br />
			<button type="submit">enviar</button>
		</form>
	</body>
</html>

Saludos