des id multiples

Version imprimable

27/09/2012, 19h37
anto2b

des id multiples
Bonjour à tous,

voici mon code :
Code:

1 2 3 4 5 6 7 8 9 <?php for($i=1;$i<=5;$i++) { echo '<button id="open" value="'.$i.'">'.$i.'</button>'; $i++; } ?>
Et j'utilise une fonction Jquery :
Code:

1 2 3 4 5 6 $('#open').click( function {alert($(this).val);} );
Mon problème est que le code ne marche que sur le premier bouton. Après avoir réflechi je pense que c'est parce qu'il y a plusieurs fois le même id "open". Ma question est donc :

Comment puis-je faire pour utiliser la même fonction sur plusieurs boutons sans avoir le même id ?

Merci ...
27/09/2012, 19h57
Bovino

En mettant une classe à la place d'un id... :roll:

Merci de votre précision mais ùaintenant que j'utilise class, la value est la même pour tous les boutons et ca me pose problème.

Le $(this) ne marchant plus dans le cas suivant :
Code:

1 2 3 4 5 6 7 8 $('.open').click( function(){ $('#dialog).dialog({modal:true,resizable:false,width:'500px', buttons : { "Test": function() {alert($('.open').val());} }});});

27/09/2012, 20h57
danielhagnoul

Pourquoi avez-vous remplacé alert($(this).val()); par alert($('.open').val()); ? Cela fonctionnerait mieux avec la première version.
27/09/2012, 21h50
anto2b

Citation:

Envoyé par danielhagnoul

Pourquoi avez-vous remplacé alert($(this).val()); par alert($('.open').val()); ? Cela fonctionnerait mieux avec la première version.

Car quand je clique sur n'importe quel bouton , j'ai toujours la même valeur dans l'alert, celle du premier bouton.

Auriez-vous une solution ?
27/09/2012, 22h06
danielhagnoul

Non, $( this ).val() donne automatiquement la valeur de l'élément du DOM qui a été cliqué.

Impossible de corriger sans voir le code HTML généré par le PHP. Il doit y avoir un os !

Le code html généré par php est le suivant :
Code:

1 2 3 4 5 6 <button class="open" value="1">1</button> <button class="open" value="2">2</button> <button class="open" value="3">3</button> <button class="open" value="4">4</button> <button class="open" value="5">5</button>
Mon problème c'est que je n'arrive pas a intercepté la valeur de l’élément cliquer dans la méthode dialog() de Jquery.

Je vois et j'aurais sans doute vu plus vite si vous vous donniez la peine d'écrire vos extraits de code en suivant les bons usages.

Code:

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
$( function(){
 
/*
	$( ".open" ).click( function(){
		alert( $(this).val() );
	});
*/
 
	$( ".open" ).click( function(){
		// sauvegarder l'élément traiter
		// car this changera de valeur
		var jObj = $( this );
 
		$( "#dialog" ).dialog({
			"modal" : true,
			"resizable" : false,
			"width" : "500px",
			"buttons" : {
				"Test" : function() {
					alert( jObj.val() );
				}
			}
		});
	});
 
});

Le code HTML généré est correct et pourtant le code PHP me semble bizarre, il incrémente deux fois la variable "i" à chaque boucle.

Code:

1
2
3
4
5
6
7
8
<?php 
 
      for($i=1;$i<=5;$i++)
      {
      echo '<button id="open" value="'.$i.'">'.$i.'</button>';
      $i++;
      }
?>