Recupération d'id à la volée

**Johngtrs** · 03/06/2012, 22h38

Bonsoir,

Dans une page php, je génère des balises <a> qui ont un id qui s'incrémente automatiquement, selon le résultat du nombre de ligne de la base de données.

id1
id2
etc...

J'aimerais appliquer l'évènement onclick en JavaScript, sur chaque nouveau lien créé. J'ai fais comme ceci, dans l’événement window.onload de la page, mais ça ne marche pas :

Code :

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

1
2
3
4
5
6
7
8
9
var k = 0;
while (document.getElementById("group" + k)) {
	if (document.getElementById("group" + k)) {
		document.getElementById("group" + k).onclick = function() {
			alert(this.id);
		}
	}
	k++;
}

Pouvez vous m'aider ?

John.

**NoSmoking** · 03/06/2012, 23h01

Bonsoir,
tu as d'un coté des id1, id2... et de l'autre tu cherches des group1... ????

une question

Code :

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

1
2
while(document.getElementById("group" + k)) {
  if (document.getElementById("group" + k)) {// pourquoi ce TEST ?

**Johngtrs** · 03/06/2012, 23h13

Non non des deux cotés j'ai group0, group1 etc... pardon ^^.

Ce test ? C'était pour tester si ils existent bien. Mais je pense qu'il est useless.

**NoSmoking** · 03/06/2012, 23h20

...ça ne marche pas :

ceci est trop vague.

Suggestion quand même

Code :

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

1
2
3
4
5
6
7
8
var k = 0;
while (document.getElementById("group" + k)) {
    document.getElementById("group" + k).onclick = function() {
        alert(this.id);
        return false; // annule action par défaut
    }
    k++;
}

**Johngtrs** · 03/06/2012, 23h25

Quand je dis ça ne marche pas, ça veut dire que ça ne passe pas par l'évènement, j'ai aucun retour. De même avec le return false.

J'ai même fais un test en dur et ça ne passe toujours pas par l'évènement :

Code :

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

1
2
3
document.getElementById("group0").onclick = function() {
	alert(this.id);
}

**NoSmoking** · 03/06/2012, 23h37

pourtant ceci fonctionne parfaitement

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
19
20
21
22
<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
</head>
<body>
<a id="lien0" href="page1.html">page1</a>
<a id="lien1" href="page2.html">page2</a>
<a id="lien2" href="page3.html">page3</a>
<script type="text/javascript">
var i = 0;
while( document.getElementById( 'lien' +i)){
  document.getElementById( 'lien' +i).onclick = function(){
    alert( this.id);
    return false;
  }
  i++;
}
</script>
</body>
</html>

l'erreur semble être ailleurs!

Recupération d'id à la volée

JavaScript

Vue hybride

Discussions similaires

Partager

Partager