IE6 onclick sur balise <a>

**jep33** · 20/05/2009, 12h19

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
nouveauA =doc.createElement("a");
nouveauA.setAttribute('onclick','alert(\'titi\')');

Sous IE6, je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

**andry.aime** · 20/05/2009, 12h34

Salut,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**jep33** · 20/05/2009, 15h46

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ??

**andry.aime** · 21/05/2009, 07h05

Pourquoi compliquer les choses

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ou

Code JAVASCRIPT :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**jep33** · 26/05/2009, 08h39

Envoyé par andry.aime

Pourquoi compliquer les choses

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ou

Code JAVASCRIPT :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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é

**andry.aime** · 26/05/2009, 08h44

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.

**jep33** · 26/05/2009, 09h03

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

On ne voit pas le code dans Debugbar, c'est quoi le souci?

**jep33** · 26/05/2009, 10h10

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?

**andry.aime** · 29/05/2009, 07h53

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

IE6 onclick sur balise <a>

JavaScript

Discussions similaires

Partager

Partager