Récupération d'un id au click

2buzzy

18 Jul 2011 à 22:17

Bonjour,

j'aurais besoin de récupérer l'id d'une div quand l'utilisateur clique sur la-dite div.

Toutes les solutions que je trouve sur les forums sont à base de $(".nav li a").click(function(e){

Moi justement j'aimerais pouvoir trouver le paramètre $(".nav") APRES avoir cliqué sur ma div.

(J'ai besoin de récupérer l'id afin de savoir quel élément de mon menu image je dois "activer" pour une page courante)

~~supprimé~~

18 Jul 2011 à 22:24


$('div').click(function() {
  var theId = $(this).attr('id');
  alert(theId);
});

~~supprimé~~

19 Jul 2011 à 19:31

Bonjour à toutes et à tous,

la première solution consiste, après le chargement de la page HTML, à placer sur toutes les balises <div>, la fonction ONCLICK, qui affichera le contenu de IDENTIFY (ID).

<!doctype html>
<html>
<head>
<title>test</title>
<script type="text/javascript">
onload = function ()
{
	var TousLesDiv = document.getElementsByTagName('div');

	for (var i=0; i<TousLesDiv.length; i++)
	{
		TousLesDiv.item(i).onclick = function ()
		{
			document.write(this.id);
		}
	}
}
</script>
</head>

<body>
	<div id="un">bla bla</div>
	<div id="deux">bla bla</div>
	<div id="trois">bla bla</div>
	<div id="quatre">bla bla</div>
</body>
</html>

Le deuxième code fait exactement la même chose que le premier sauf que tu places l'appel de la fonction sur les balises <div> qui seront cliquables.

<!doctype html>
<html>
<head>
<title>test</title>
<script type="text/javascript">
function lireID(that)
{
	document.write(that.id);
}
</script>
</head>

<body>
	<div id="un" onclick="lireID(this);">bla bla</div>
	<div id="deux" onclick="lireID(this);">bla bla</div>
	<div id="trois" onclick="lireID(this);">bla bla</div>
	<div id="quatre" onclick="lireID(this);">bla bla</div>
</body>
</html>

Ces deux exemples ne nécessite pas l'usage de la bibliothèque JQUERY !

@+
Modifié par Artemus24 (19 Jul 2011 - 19:32)