Discussion :

[anto2b]

Bonjour à tous,

voici mon code :

Code :

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

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 :

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

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 ...

[Bovino]

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

[anto2b]

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 :

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

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());}
              }});});

[danielhagnoul]

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

[anto2b]

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 ?

[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 !

[anto2b]

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

Code :

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

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.

[danielhagnoul]

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 :

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
$( 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 php :

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

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