jQuery - Nom d'un Objet HTML [Résolu]

ebola · 30/06/2011, 17h25

Bonjour à tous,

Je me permet de demander votre aide pour une broutille qui me bloque et m’empêche d'avancer dans mon travail. Je pense qu'il y a une solution toute bête mais je n'arrive pas à la trouver.

J'ai besoin de déterminer le nom de l'id ou de la class CSS de l’élément sur lequel passe le curseur de la souris au format textuel.

Pour ce faire, j'utilise mousemove qui est censé me retourner ce genre d'infos :

Code :

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

1
2
3
4
5
6
 
$(document).mousemove(function(e){
 
	sDiv = e.currentTarget;
 
});

Si j'ai bien compris, ma variable sDiv contient en temps réel sous forme d'object la balise HTML de l’élément que pointe la souris.

Comment à partir de ça, puis-je obtenir l'id css, la class css et la balise de cet élément ?

Comment en gros en exploitant l'object obtenu avoir au format texte ces 3 infos ?

Merci beaucoup,

Romain

Bovino · 30/06/2011, 20h29

Code :

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

1
2
3
4
5
$(document).mousemove(function(e){
 
	sDiv = e.currentTarget;
	alert(sDiv.id+' - '+sDiv.className+' - '+sDiv.tagName);
});

SpaceFrog · 30/06/2011, 21h14

en me penchant sur un autre post je suis tombé sur un truc que je ne comprends pas ??

la recursivite de children ...

Si l'on regarde le code suivant :

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
<script type='text/javascript'>
$(function(){
	$('body').find('*').each(function() {$(this).mousemove(function(){
 													$("#res").val(($(this).attr('id'))?$(this).attr('id'):'??') ;
 													});
 
 											}).css({border:'solid 1px red'})
})
	</script>
</head>
 
<body>
 
<ul>
 <li id="un">lkjlkjhjkh</li>
 <li id="deux">lkjlkjhjkh</li>
 <li id="trois">lkjlkjhjkh</li>
 <li id="quatre">lkjlkjhjkh</li>
</ul>   
<input id="res" type="text" value="" />
<div id="foo">lkjklj
<span id="bar">ljkhlkjhlkj</span>
</div>
</body>
 
</html>

le style s'applique bein à tous les enfants en profondeur, mais pas la fonction ???

Bovino · 30/06/2011, 21h43

Il faut stopper la propagation Spaffy

Code :

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

1
2
3
4
5
6
7
8
$(function(){
	$('body').find('*').each(function() {$(this).mousemove(function(e){
		$("#res").val(($(this).attr('id'))?$(this).attr('id'):'??') ;
		e.stopPropagation();
		});
 
 	}).css({border:'solid 1px red'})
});

fonctionne correctement.

@ebola : au fait, dans ton cas, c'est target et non currentTarget qu'il faut utiliser

Code :

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

1
2
3
4
5
$(document).mousemove(function(e){
 
	sDiv = e.target;
	alert(sDiv.id+' - '+sDiv.className+' - '+sDiv.tagName);
});

SpaceFrog · 30/06/2011, 22h09

arf triple buze que je suis ... !!
j'y ai bien pensé à la propagation, mais ça s'est traduit sous mes doigts sur le clavier par un preventDefault

merci Beef

ebola · 01/07/2011, 00h02

Merci beaucoup pour votre aide !

J'ai exactement la réponse a ma question et le target en prime. C'est super.

30/06/2011, 22h09	#5
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 019 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 019 Points : 45 114 Points : 45 114	arf triple buze que je suis ... !! j'y ai bien pensé à la propagation, mais ça s'est traduit sous mes doigts sur le clavier par un preventDefault merci Beef __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

01/07/2011, 00h02	#6
ebola Invité de passage Inscription : août 2007 Messages : 9 Détails du profil Informations forums : Inscription : août 2007 Messages : 9 Points : 2 Points : 2	Merci beaucoup pour votre aide ! J'ai exactement la réponse a ma question et le target en prime. C'est super.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email