IE6 onclick sur balise <a>

Version imprimable

20/05/2009, 13h19
jep33

IE6 onclick sur balise <a>
J’essaye désespérément d’ajouter dynamiquement un élément onclick à une balise <a> mais cela ne fonctionne pas.

Sous FF, je fais :
Code:

1 2 nouveauA =doc.createElement("a"); nouveauA.setAttribute('onclick','alert(\'titi\')');
Sous IE6, je fais :
Code:

1 2 var myFunction = function() { alert('titi');}; nouveauA.onclick = myFunction;
=> cela ne fonctionne pas.

J’ai aussi testé attachEvent mais cela ne fonctionne pas mieux.

Quelqu’un à une idée ?

Salut,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<head>
<script type="text/javascript">
function lien(){  
    var a = document.createElement('a');
	a.href='#';
	a.innerHTML='Nouveau Lien'
	a.onclick=function(){alert('titi');return false}
	document.body.appendChild(a);
}
</script>
</head>
<body>
<input type="button" onclick="lien()" value="Nouveau Lien"/>
</body>
</html>

ça marche sous IE et FF

Grrhhhh cela ne marche pas. Ton exemple marche très bien, par contre lorsque j’essaye de l’appliquer chez moi cela ne fonctionne pas.

En fait j’essaye de rafraîchir un élément <a> qui se trouve dans le document appelant
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 var doc=opener.document; // le document appelant var body=doc.getElementById("tbody"); nouveauTr=doc.createElement("tr"); nouveauTd=doc.createElement("td"); nouveauA=doc.createElement("a"); nouveauA.href=lien; var myFunction = function() {alert('toto');return false;}; nouveauA.onclick = myFunction; nouveauImg=doc.createElement("img"); nouveauA.appendChild(nouveauImg); nouveauTd.appendChild(nouveauA); nouveauTr.appendChild(nouveauTd); tbody.appendChild(nouveauTr);
Les insertions de chaque éléments fonctionnent par contre mon événement onclick pas vraiment, une idée ??

21/05/2009, 08h05
andry.aime
Pourquoi compliquer les choses

Code:

nouveauA.onclick =function() {alert('toto');return false;};

ou
Code:

1 2 var myFunction = new Function() {alert('toto');return false;}; nouveauA.onclick = myFunction;
26/05/2009, 09h39
jep33
Citation:
Envoyé par andry.aime

Pourquoi compliquer les choses

Code:

nouveauA.onclick =function() {alert('toto');return false;};

ou

Code:

1 2 var myFunction = new Function() {alert('toto');return false;}; nouveauA.onclick = myFunction;
:calim2:

J'ai pris ta solution

Cela ne marche pas, je ne comprends vraiment pas pourquoi...

Comment on vérifie si l'élément <a> est correctement associé
26/05/2009, 09h44
andry.aime

Citation:

var body=doc.getElementById("tbody");
.........
tbody.appendChild(nouveauTr);

T'es sur que les éléments sont créés?
N'utilise pas body comme nom de variable, c'est un mot réservé JS.
Fait nous voir ton code.
26/05/2009, 10h03
jep33
Oui tout est là, parce que dans ma balise <a> j'ai également une balise <img> et je la vois bien.

Ce qui est bizarre c'est quand je regarde mon code avec DebugBar,

En mettant l'action comme cela
Code:

1 2 3 4 nouveauImg.onclick ="alert('toto');return false;"; nouveauA.onclick ="alert('toto');return false;"; nouveauA.appendChild(nouveauImg);
Je vois bien mon code dans la balise <img> et dans la balise <a> par contre il ne se passe rien...

Quand j'utilise le code
Code:

1 2 nouveauA.onclick =function() {alert('toto');return false;};
On ne voit pas le code dans Debugbar, c'est quoi le souci?
26/05/2009, 11h10
jep33

Une question en passant ce n'est pas tout simplement parce que je modifie un élément sur une page (ajout d'une ligne contenant une balise <a> dans un élément <table>) qui a déjà été chargé qui n'est PAS CELLE appelant le code javascript pour insérer cet nouvelle ligne?

Il faut réinitialiser les événements ou qqch comme cela?
29/05/2009, 08h53
andry.aime

Salut,
Ce post peut t'aider
http://www.developpez.net/forums/d75...a/#post4349348