$(selector).click() passage de variables

**Ricksis** · 06/11/2020, 12h02

Je voudrais remplacer " selector " par un paramètre sur le on click du #selector, en fait ce serait un truc style ( onclick=param=id_du_selector ) et récupérer param dans $("#selector").on("click",function(){, ou selector serait param
pouvez vous m'aider ?
par avance merci

amicalement, Rick

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 <script>
        $(document).ready(function(){
                $("#selector").on("click",function(){
                $("#selector").fadeIn();
                $("#selector").css({top: 0, left: 0, position:'absolute'});
                $("#selector").css('z-index', 2);
                });
                $(".btn1").click(function(){
                $("#selector").fadeOut();
          });
        });
  </script>
<map ...>
<area coords="242,763,71" shape="circ" href="#" Id="selector" alt="Stan" target="_self" onmouseover="window.status='Stan Lee ?';return true;" onclick="param=$this.id">

**NoSmoking** · 06/11/2020, 18h20

Bonjour,
je ne vois pas où tu veux en venir mais je me lance :

Code :

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

1
2
3
4
$("#selector").on("click", function() {
  console.log(this.id); // tu récupères le nom du selecteur ici "selector"
  console.log($(this)); // tu récupères l'objet jQuery qui a été cliqué
});

**Ricksis** · 07/11/2020, 07h33

Bonjour, et merci pour la réponse, je vais tester et je vous tien au courant

**Ricksis** · 07/11/2020, 11h13

Re bonjour, ben ça marche pas

ceci dit ...

Code :

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

1
2
3
4
5
6
7
 
 <script>
	$(document).ready(function(){
		$(".Area").on("click",function(GetId){
		alert('"#' + GetId.target.id + '"'); // fonctionne, resultat  "#MonDivId" :)
		$('"#' + GetId.target.id + '"').fadeIn(); // ne fonctionne pas :(
		$('"#' + GetId.target.id + '"').css({top: 0, left: 0, position:'absolute'}); // ne fonctionne pas :(

Une idée ?
Merci de votre attention
Amicalement Rick

**Toufik83** · 07/11/2020, 16h45

Bonjour,

Le code n'est pas bon

.

Utilises this dans la fonction click et simplifies le code avec la syntaxe de chaînage (en une seule ligne) :

Code :

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

1
2
3
4
5
6
7
 
$(document).ready(function(){
	$(".Area").on("click",function(){
		alert(" id :"+$(this).attr("id"));
		$(this).fadeIn().css({top: 0, left: 0, position:'absolute'});
       });
});

**NoSmoking** · 07/11/2020, 19h03

Envoyé par Ricksis

Re bonjour, ben ça marche pas

et si tu précisais ce que tu veux faire, donne peut-être son code HTML.

**Ricksis** · 08/11/2020, 05h52

Bonjour,
en gras ce que je voudrais obtenir dynamiquement en fonction de l'area clicqué
Merci
Amicalement, Rick

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
 <script>
	$(document).ready(function(){
		$(".Area").on("click",function(){
		$("#StanDiv").fadeIn().css({top: 0, left: 0, position:'absolute'});
		});
		$(".btn1").click(function(){
		$("#StanDiv").fadeOut();
	  });
	});
  </script>
</head>
<body>

<div>
	<img id="Avengers" class="Avengers" src="img/Avengers.png" usemap="#Map">
		<map name="Map">
		<area coords="242,763,71" shape="circ" href="#" Id="StanLee" alt="Stan Lee" class="Area" target="_self" onmouseover="window.status='Stan Lee ?';return true;">
		<area coords="252,478,373,516"  shape="rect" href="#" id="NickFury" alt="Nick Fury"   class="Area"  target="_self" onmouseover="window.status='Nick Fury ?';return true;">

$(selector).click() passage de variables

jQuery

Vue hybride

Discussions similaires

Partager

Partager