miércoles, 24 de junio de 2009

URLs dinámicas mediante GET


Un fragmento de código sencillo para poder introducir mediante javascript una URL dinámica en un enlace href. En este ejemplo, concatenamos la cadena de caracteres introducida en una caja de texto con la url de la página principal de google. De forma que si introducimos xouelutions en la caja de texto, se estará generando de forma dinámica la url: http://www.google.es/search?hl=es&site=&q=xouelutions&btnG=Buscar&meta=

 
<html>
<script>
function makeURL(){
alert("campo1v");
// alert(document.getElementsByName("campo1").length);
// alert(document.getElementsByName("campo1")[0].value);
var campo1v = document.getElementsByName("campo1")[0].value;
alert(campo1v);
var url = "http://www.google.es";
url = url + "/search?hl=es&site=&q=" + campo1v + "&btnG=Buscar&meta=";
alert(url);
window.open(url);
}
</script>
<head>
<title>Pagina de prueba</title>
</head>
<body>
<form>
<input type="text" name="campo1" />
</form>

<a href="#" onclick="makeURL(); return false;" target="_new">PINCHA AQUI</a>
</body>
</html>

No hay comentarios:

Publicar un comentario