Holas buenas, tengo que hacer un ejercicio en el cual tengo una caja de texto, al escribir en ella y pulsar en el boton "añadir" añado un enlace.
Al dar al enlace me tiene que saltar una funcion en el cual me preguntara si quiero borrar el enlace, si no es asi me preguntara si quiero abrir el enlace.
El problema es que como puedo tener varios enlaces creados, para poder distinguirlos les asigno un id con un valor igual al texto que tengo en la caja y en la funcion de cada enlace lo que hago es pasar su id como parametro y asi trabajar con ella en la funcion, el problema es que no me reconoce el parametro que le paso en
$enlace.href = "javascript
: nuevafuncion(this.id);";
Un saludo.
Código HTML:
<head>
<script src="JAVASCRIPT10.js" type="text/javascript"></script>
<title>
Ejercicio 10
</title>
</head>
<body onload="borrar();">
<table style="border: 1px solid black;" id="tabla" width="400" align="center">
<form name="form1">
<tr>
<td align="center">
<input type="text" id="caja1">
</td>
</tr>
<tr>
<td align="center">
<input type="button" id="add" value="Añadir" onclick="fadd();">
</td>
</tr>
<tr>
<td id="td1" align="center"></td>
</tr>
</form>
</table>
</body>
Código:
function borrar(){
document.getElementById("caja1").value = null;
}
function fadd($d){
var $texto = document.getElementById("caja1").value;
var $enlace = document.createElement("a");
var $salto = document.createElement("br");
var $nodo = document.createTextNode($texto);
$enlace.appendChild($nodo);
$enlace.id = $texto;
$enlace.href = "javascript: nuevafuncion(this.id);";
var $td = document.getElementById("td1");
$td.appendChild($enlace);
$td.appendChild($salto);
$td.appendChild($salto);
}
function nuevafuncion($miId)
{
var $enlace = document.getElementById($miId);
var $respuesta1 = confirm ("¿Desea borrar el enlace?");
if ($respuesta1)
{
$enlace.parentNode.removeChild($enlace);
}
else
{
var $respuesta2 = confirm ("¿Desea visitar el enlace?");
if ($respuesta2)
{
location.href = "http://www." + $enlace + ".com";
}
}
}