Discussion :

[facilus68]

Bonjour,

J'ai une listes de ce genre :

Code html :

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

1
2
3
4
5
6
7
<ul>
   <li id="chapitre1"> Chapitre 1 </li>
   <li id="chapitre2"> Chapitre 2 </li>
   <li id="chapitre3"> Chapitre 3 </li>
    ....
   <li id="chapitren"> Chapitre n </li>
</ul>

Pour chaque chapitre j'appel la méthode click :

Code :

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

1
2
3
$("#chapitre1").click(function() {
    $('#content').load('Chapitres/chapitre1.html #content');
});

Comme j'ai plusieurs chapitre, je suis entrain de crée autant de "click"

Je voulais savoir s'il y'a un moyen de faire une methode click générale en lui donnant le numero du chapitre (les noms de fichiers sont pareil que l'id)

Merci

[Darkaurora]

Pour une utilisation compliqué mais efficace tu as un filtre créer par James Padolse http://james.padolsey.com/javascript...or-for-jquery/

il te permet par exemple de faire ceci:

Code html :

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

1
2
3
4
5
6
7
<ul>
   <li id="chapitre1"> Chapitre 1 </li>
   <li id="chapitre2"> Chapitre 2 </li>
   <li id="chapitre3"> Chapitre 3 </li>
    ....
   <li id="chapitren"> Chapitre n </li>
</ul>

Tu sélectionnes :

Code javascript :

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

$("li:regex(id, .*chapitre.*)")

sinon tu peux aussi faire quelque chose comme cela

Code html :

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

1
2
3
4
5
6
7
<ul id="load">
   <li data-ajax="chapitre1"> Chapitre 1 </li>
   <li data-ajax="chapitre2"> Chapitre 2 </li>
   <li data-ajax="chapitre3"> Chapitre 3 </li>
    ....
   <li data-ajax="chapitren"> Chapitre n </li>
</ul>

Code javascript :

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

1
2
3
$( '#load' ).on( click, 'li', function( ) {
   $('#content').load('Chapitres/'+$( this ).prop( 'data-ajax' )+'.html #content' );
} );

[facilus68]

Merci pour ton aide,

J'ai cette erreur dans le fichier javascript :

ReferenceError : click is not defined

[Bovino]

Tu pourrais quand même déboguer un minimum d'éventuelles erreurs de frappe dans les réponses qu'on te donne...
Le nom de l'événement doit être entouré de quotes !

Sinon Darkaurora, jQuery gère nativement la attributs data-* :

Code :

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

$('#content').load('Chapitres/'+$( this ).data( 'ajax' )+'.html #content' );

[Darkaurora]

j'avais lut un truc qui l'insinuer mais ça m'a fait peur et du coup je l'ai jamais utilisé

Merci maintenant ça me servira ^^.

Je suppose que mon code est bon pour une fois ?

[facilus68]

J'ai rajouté les quotes, j'ai remarquée qu'il manquée des quotes.

J'ai corriger le nouveau code par :

Code :

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

1
2
3
4
 
$( '#load' ).on( click, 'li', function( ) {
	$('#content').load('Chapitres/'+$( this ).data( 'ajax' )+'.html #content' );
} );

Mais j'ai toujours l'erreur :

click is not defined

[Bovino]

J'ai rajouté les quotes

Code :

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

$( '#load' ).on( click, 'li', function( ) {...});

Ah... ça doit être mes yeux qui me font des farces alors...

Indice : ta variable click, elle est définie où ?

[facilus68]

C résolue, merci beaucoup de votre aide.

Il fallait que je mette les quotes entre le click.

Ps : je suis debutant en javascript et jquery