Es posible hacer esto con Ajax?

Olivier · #1 (**permalink**) 07/02/2009, 12:47

Hola,

Primero aclarar que soy aun muy novato en el tema.

Mi consulta es que querría saber si exite alguna manera (utilizando scriptaculous, xajax, jquery..) de hacer esto:

Tengo un formulario con 2 inputs. Quiero que cuando un usuario le de a un boton/enlace (onclick), los datos que haya escrito en esos inputs se copien al href de ese enlace al que redirigirá.

Es decir, mis 2 inputs:

colorfavorito
comidafavorita

Una vez el visitante los ha rellenado con sus valores, le da click a un boton que dirije a un href="destino.php?colorfavorito=VALORCOLORFAVORITO &comidafavorita=VALORCOMIDAFAVORITA"

Es decir, cuando el visitante de click al boton, se tienen que copiar los valores que haya escrito en los dos huecos del href.

Algunos me direis que hay maneras mas faciles de hacer eso (con un simple GET), pero lo que he contado es exactamente lo que necesito (por desgracia) para una integración que estoy haciendo con otro script dhecho en scriptaculous.

Un saludo y gracias de antemano

caricatos · #2 (**permalink**) 07/02/2009, 16:38

Hola:

Por lo que veo, no se trata de ajax sino simplemente javascript...

onclick="window.open('destino.php?colorfavorito=' + VALORCOLORFAVORITO + '&comidafavorita=' + VALORCOMIDAFAVORITA, '_self')"

Puedes usarlo en cualquier tag (button por ejemplo), y si el enlace lo quieres en otra ventana bastaría con poner _blank en vez de _self...

Saludos

Olivier · #3 (**permalink**) 07/02/2009, 21:29

Hola caricatos

Muchas gracias por tu respuesta

Mi problema es que no se como llevar VALORCOLORFAVORITO y VALORCOMIDAFAVORITA hasta ahí.

document.getElementById? No me aclaro mucho.

De todos modos, me gustaria saber si seria posible incluir esos valores en un <a href="destino.php?colorfavorito=VALORCOLORFAVORITO &comidafavorita=VALORCOMIDAFAVORITA">Enlace</a> en lugar de hacerlo con window.open. No es mania

, es que tiene que ser así para poder lanzar ese enlace con lightwindow (que es lo que finalmente quiero), un script hecho en scriptaculous.

Gracias de antemano.

caricatos · #4 (**permalink**) 08/02/2009, 01:53

Hola:

Pues esos VALORCOLORFAVORITO y VALORCOMIDAFAVORITA supongo que se tratará de campos de un formulario... suponiendo que sean esos mismos los nombres de los controles, y el form se llamase favoritos:

VALORCOLORFAVORITO => document.forms.favoritos.VALORCOLORFAVORITO.value
y
VALORCOMIDAFAVORITA => document.forms.favoritos.VALORCOMIDAFAVORITA.value

Y para pasarlo al atributo href de un enlace, basta con ponerle un id...

document.getElementById("el_enlace").href = 'destino.php?colorfavorito=' + document.forms.favoritos.VALORCOLORFAVORITO.value + '&comidafavorita=' + document.forms.favoritos.VALORCOMIDAFAVORITA.value ...

Aunque te podrías evitar el botón asociando la asignación al mismo onclick del propio enlace, que siempre salta antes de enlazar.

Saludos

Olivier · #5 (**permalink**) 08/02/2009, 09:34

Caricatos,

Muchísimas gracias

Era justo lo que buscaba

Simplemente he cambiado el onClick por el onMouseOver puesto que como te decia, no queria abrir ventana, sino solo cambiar el href "al vuelo".

Un saludo y muchas gracias de nuevo.

Dejo el código completo por si alguien se pudiese encontrar en mi situación:

Código:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Página de formulario</title>
</head>

<body>

<form name="favoritos">

Color favorito: <input type="text" name="color" size="20"><br>
Comida favorita: <input type="text" name="comida" size="20"><br>

<a href="" id="el_enlace" onclick="document.getElementById('el_enlace').href = 'destino.php?colorfavorito=' + document.forms.favoritos.color.value + '&comidafavorita=' + document.forms.favoritos.comida.value">Click</a>

</form>


</body>

</html>