selection element a

Version imprimable

20/09/2009, 21h44
kimcharlene

selection element a

Bonjour

losque je fait

Code:

alert(document.getElementById('monIdA'));

la boite de dialogue m'affiche la chaine de caractère contenu dans l'attribut href de ma balise <a> et non l'element a.

En effet c est tres embetant quand je souhaite rajouter un evenement "onclick" sur ma balise <a> (sans le faire inline).

Sinon comment faire?

merci
21/09/2009, 08h25
SpaceFrog

Quel navigateur? quelle version ?

il devrait en effet te retourner

Code:

[Object]

1 pièce(s) jointe(s)

avec firefox 3.5.3, avec IE 8.0 et google chrome 3.0 ^^

voici l'integrale du code (en simplifier)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
	<title></title>
 
 
 
	<script type="text/javascript" >
	function tester(){
		alert(document.getElementById("idA"));
		}
	</script>
</head>
<body>
<input type="button" onclick="tester()" value="clique"/>
<a href="index.html" id="idA">salut</a>
 
</body>
</html>

et le resultat en image

http://www.developpez.net/forums/att...1&d=1253516285

21/09/2009, 09h09
Bovino

Salut,
c'est effectivement une etrangeté que j'avais déjà remarquée, mais il ne me semble pas que cela t'empêche d'accéder aux propriétés de la balise.
21/09/2009, 09h19
kimcharlene
Mais je veux pas accèder aux propriétés, je veux faire un addEvent (via mootools)

quelque chose comme sa :
Code:

1 2 3 $('idA').addEvent('click', function(){ alert('clicked!'); });
21/09/2009, 09h27
Bovino
Ben techniquement, tu veux accéder aux propriétés (ou plus exactement dans ton cas aux méthodes...) puisque addEvent est une méthode de l'objet HTML...

Ceci dit, je ne vois pas en quoi cela pose problème ?
Je ne connais pas mootools, mais si tu fais
Code:

1 2 3 document.getElementById('idA').onclick = function(){ alert('toto'); }
ça devrait marcher...

EDIT :
Du reste

Code:

alert(typeof document.getElementById('idAa'))

renvoie bien Object ;)
21/09/2009, 11h46
kimcharlene

En fait pour simplifier l'explication j'ai attribué un ID a ma balise cependant dans mon code authentique j'y accède comme ceci :

Code:

var elementA = $('contenu').getChildren('ul li[class=c_panier]').getFirst();

Ce bout de code me permet de recupérer toute les balises <a> contenu dans les balise <li> ayant pour classe c_panier.

et du coup quand je fais :

Code:

elementA.onclick = function(){alert('salut');}

cela ne fonctionne pas.

pourtant

Code:

alert(typeof $('contenu').getChildren('ul li[class=c_panier]').getFirst());

renvoie bien une variable de type object Oo

Par contre si j'attribut un ID à tout les <a> concerné ça fonctionne.
Je pense que je vais faire cela, ceci dit c'est un peu plus lourd au niveau de mon HTML lors de mises à jour.
21/09/2009, 11h52
SpaceFrog

Code:

var elementA = $('contenu').links
21/09/2009, 12h31
kimcharlene

Oo je connaissais pas ça, c'est génial :P

merci :ccool: