Hola, estoy intentando que a través de un formulario (un campo de texto y un botón) se pueda introducir una URL y al hacer clic se cambien los atributos href de todos los elementos <a> de dicha web a esa nueva dirección.
Al hacer clic se debe ejecutar esta función:
Código:
function cambiar_direccion(formulario) {
// Obtener referencia del campo de texto donde ponemos la dirección
var nuevaURL = formulario[0].value;
// Obtener referencia de los elementos <a> del navegador
var coleccionEnlaces = document.getElementsByTag("a");
// Recorrer todos los elementos <a> y cambiar su atributo href para ponerles la nueva dirección y target para abrir nueva ventana
for (var i=0; i < coleccionEnlaces.length; i++) {
coleccionEnlaces[i].href = nuevaURL; // Se supone que estoy seleccionando el atr. href de un elemento <a> en cada iteración
coleccionEnlaces[i].setAttribute("target", "_blank");
}
}
y este es el trozo HTML del formulario:
Código HTML:
<form id="form1" name="form1" method="post" action="javascript:void(0)">
<input name="direccion" type="text" id="direccion" size="15"/>
<input type="button" value="Cambiar dirección" onClick="javascript:cambiar_direccion(this.form)"/>
</form> Sin embargo, algo falla, no consigo cambiar los atributos href para cambiar la dirección de todos los elementos <a>
Dónde está el error? Alguna ayuda?