Quelques difficultés avec les events

**Atow57** · 10/12/2009, 18h10

Bonjour,
Alors voilà, je débute avec le javascript et j'ai beau fouiner sur google je n'ai rien trouver qui puisse vraiment m'aider...

mon code ci-dessous me permet (enfin devrait me permettre...) d'afficher dans un paragraphe <p></p> la valeur suivante " test : test "
Le 2° mot test étant le text du lien contenue dans

Code :

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

<a href="#" id="lien_test" onClick="del()">test</a>

Seulement voilà, cela ne fonctionne pas... je ne suis pas sur que ma ligne

Code :

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

var position = node_source.nodeValue;

soit correcte mais le problème vient également d'ailleurs car lorsque je test je reçois le message d'erreur

"event not defined"

Voici le code :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<head>
	<script type="text/javascript" >
		function del(event)
		{
			var node_source = (event.srcElement)?event.srcElement:event.target;
 
			var position = node_source.nodeValue;
 
			var field = document.getElementById("zone_test");
			var test = document.createElement("p");
			var test_text = document.createTextNode("test : "+position);
			test.appendChild(test_text);
			field.appendChild(test);
		}
	</script>
</head>
<body>
	<fieldset id="zone_test">
		<legend>TEST</legend>
		<p class="ligne">
			Nom :
			<input value="" name="nom" type="text">
			Numéro :
			<select name="classe">
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
			</select>
			<a href="#" id="lien_test" onClick="del()">
				test
			</a>
		</p>
	</fieldset>
</body>

**kernelfailure** · 11/12/2009, 04h44

Code :

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

1
2
3
4
5
6
7
onClick="del(event)" // C'est là qu'il le faut
...
...
function del(e) {
   if (!e) { e = window.event } // Ou là
...
}

**Atow57** · 11/12/2009, 13h08

Merci ! ça fonctionne !!!

Par contre je suis maintenant confronté au problème de la ligne que je soupçonnais être fausse...

lorsque je click sur le lien "test" , une ligne apparait et affiche "test : null"
null étant sensé être la valeur de la ligne

Code :

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

var position = node_source.nodeValue;

et donc que cette valeur est vide...
Alors que ce que je cherche à faire c'est d'afficher le contenu du texte de mon lien. C'est à dire que si mon lien est <a>hello world<a> , la ligne "test : hello world" lorsque je click sur ce lien, devrait apparaitre mais ce n'ai pas le cas...

Est ce que je comprend mal la signification du event.target ? mon DOM est mal écrit ?

Parce que moi j'interprète ca de cette manière :

--> node_source étant l' event.target donc pour moi le <a>hello world</a> ,
--> position étant la nodeValue de l'event.target donc pour moi "hello world" ,

et donc ("test : "+position) serait sensé afficher "test : hello world" mais il m'affiche "test : null" ...

Où se situe mon problème ?

Merci pour votre aide

**vermine** · 11/12/2009, 13h21

Bonjour,

Je ne sais pas si la syntaxe est correct pour la gestion des event mais pour récupérer le contenu d'un <a>, c'est innerText:

Code :

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

1
2
 
var position = node_source.innerText;

**kernelfailure** · 11/12/2009, 13h46

Envoyé par vermine

innerText:

Code :

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

1
2
 
var position = node_source.innerText;

Spécifique IE.

A est bien le "target".
Cependant, le texte est un enfant de A, de nodeType 3 et de nodeName #text.

Quelques difficultés avec les events

JavaScript

Discussions similaires

Partager

Partager