Мне нужно иметь возможность динамически создавать гиперссылку при наведении курсора мыши и удалять ее при событии указателя мыши. Однако, когда мышь переходит по ссылке, она мне нужна, чтобы не вел себя так, как если бы она была мышью. Когда это происходит, события уходят в бесконечный цикл. см. пример ниже:
<html>
<head><title>
</title></head>
<body>
<script language="javascript" type="text/javascript">
function showEdit(tcell) {
var editTag = document.createElement('a');
editTag.appendChild(document.createTextNode("test2"));
editTag.setAttribute('name', 'test2');
editTag.setAttribute('id', 'lnkEdit');
editTag.setAttribute('href', '#');
editTag.setAttribute('style', 'float:right;');
tcell.appendChild(editTag);
}
function hideEdit(tcell) {
//var tcell = document.getElementById("tcAdd");
var lnk = document.getElementById("lnkEdit");
tcell.removeChild(lnk);
}
</script>
<div>
<table style="width:200px;">
<tr>
<td id="tcAdd" style="border:1px solid #CCC" onmouseover="showEdit(this);" onmouseout="hideEdit(this);">
<a href="#">test1</a>
</td>
</tr>
</table>
</div>
</body>
</html>
Установите курсор на test1 и test2, чтобы увидеть разницу.
Я думаю, что упускаю что-то очевидное.
Спасибо