Discussion :

[Friksstyle]

Bonjour à tous,
J'essaye actuellement de lancer un script lorsqu'on clique sur une suite de balise générer en PHP.
En gros faire un changement de page lorsqu'on clique sur des numéros de page.

Du côté PHP j'ai ce code "tout bête":

Code :

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

1
2
3
4
5
 
for($i=1;$i<=10;$i++)
{
	echo '<div id="linkpage"">'.$i.'</div> | ';
}

J'ai donc 10 blocs avec le même id mais avec un contenu différent.

Côté jQuery j'ai ceci:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
$('#linkpage').click(function() {
			alert($('#linkpage').text());
			$("#backgroundload").css({
				"opacity": "0.7"});
		  $('#backgroundload').fadeIn("slow");
          $('#load').fadeIn("slow");
          $('#result').load('result.php', {keywords:$('#keywords').val(),searchindex:$('#searchindex').val(),send:$('#send').val()} ,function() {
            $('#load').fadeOut("slow");
			$('#backgroundload').fadeOut("slow");
          });
          return false;
        });

Mon alert me sert à tester la détection des valeurs.
Et je constate que lorsque je clique sur mon div 1 j'ai bien un alert avec le contenu qui s'affiche. Mais pour ce qui est de tous les autres je n'ai rien.


Avez-vous une idée de ce que je devrais faire pour utiliser le même id pour mes div et que cela marche pour tous?

Je vous remercie de votre aide.

[Bovino]

Répété un nombre incalculable de fois : un id doit être unique dans la page !

[Friksstyle]

Arf. Me voilà bien avancé....
Du coup en mettant dans mon php

Code :

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

1
2
3
4
5
 
for($i=1;$i<=10;$i++)
{
	echo '<div id="linkpage-'.$i.'">'.$i.'</div> | ';
}

Comment devrais-je adapte mon script jQuery pour détecter le contenu de ma div?
Je n'ai pas trouver la procédure pour détecter un clic sur un div dont l'id ressemblerait à .... Comme le % et LIKE en SQL.

Pourrais-tu m'éclairer Bovino?

[danielhagnoul]

Voir : http://api.jquery.com/attribute-starts-with-selector/

$( "[id^='linkpage']" ).click( function(){ ... });.

[Bovino]

Il existe des sélecteurs jQuery permettant de cibler des éléments en fonction de la valeur du début d'un attribut donné, mais dans ton cas, mettre une classe au lieu d'un id me semble plus judicieux !

Code :

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

1
2
3
$('.linkpage').click(function() {
	alert($(this).text());
});

[Friksstyle]

Intéressant !
Je peux donc récupérer une valeur différente sur des div ayants des la même classe. (Oui je ne sais pas grand chose en jQuery).

Merci à vous pour ces deux astuces Bovino & danielhagnoul.