Soucis Event Toogle

Bonjour à tous !

J'ai un petit soucis dans mon script...

Effectivement, je valide mon site en XHTML/CSS donc je voudrais n'avoir aucune erreur. Mon script marchait comme ceci :

Fonction JQuery :

Code:

---

1 2 3 4 5 6 7 8 9 10

<script src="js/jquey.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){   $("a.cliquerhoraire").click(function () { $("div.horaire[n='" + $(this).attr("n") + "']").toggle("slow"); });   }); </script>

---

Fonction PHP

Code:

---

1 2 3 4 5

<a class="cliquerhoraire" n="<?php echo $data_affiche['id'] ?>"><span style="text-decoration:underline">Cliquez ici pour afficher les horaires de cette semaine :</span></a> <div class="horaire" n="<?php echo $data_affiche['id'] ?>" style="display:none"> (...) </div>

---

Voilà seulement, le soucis c'est que l'attribut n n'est pas accepté en tant que tel... Donc il me faudrait une alternative. Je me suis araché les cheveux cet aprem en testant plusieurs chose :
- class="horaire[<?php echo $data_affiche['id'] ?>]"


Mais malheureusement en vain...

Y'a t'il un pro JQuery qui pourrait m'aider ?

Merci d'avance !

Ben tu auras beau t'arracher tous tes cheveux voire ceux de tout ton quartier, je vois pas comment jQuery pourrait faire qu'un attribut non valide HTML le devienne :koi:

Ou alors, j'ai pas compris la question...

Et bien je cherche juste à éviter de passer le paramètre n...

Et si c'est impossible, est-ce que je peux dire que mon site est valide XHTML ?

Merci d'avance !

Euh... non, si ta âge n'est pas valide, tu ne peux pas dire qu'elle l'est :aie:

Ensuite, tu n'es surement pas obligé d'ajouter un attribut n (d'ailleurs, il contient quoi cet attribut).
Par exemple, tu peux essayer :

Code:

---

1 2 3 4

<a class="cliquerhoraire"><span style="text-decoration:underline">Cliquez ici pour afficher les horaires de cette semaine :</span></a> <div class="horaire" style="display:none"> (...) </div>

---

Au passage, le span dans le lien, c'est vraiment utile ???
Puis :

Code:

---

1 2 3 4 5

$(document).ready(function(){ $("a.cliquerhoraire").click(function () { $(this).next('div').toggle("slow"); }); });

---

voire :

Code:

---

1 2 3 4 5

$(document).ready(function(){ $("a.cliquerhoraire").click(function () { $(this).next('.horaire').toggle("slow"); }); });

---

LE soucis quand je fais ça, c'est que l'on voit les horaire de tous les films sur la page... Donc je voulais afficher simplement l'horaire du film où on a cliquer... Je passais l'id du film simplement en paramètre grâce au n...

Je voulais tester un split pour mettre par exemple

.cliquerhoraire[<?php echo $id_du_film ?>]
Puis récupérer la valeur entre crochet et afficher la DIV avec l'id correspondant...


Est-ce possible ? car ce que j'avais fait ça ne marche pas...

Citation:

---

LE soucis quand je fais ça, c'est que l'on voit les horaire de tous les films sur la page

---

Euh non, next() ne renvoie que le premier élément frère correspondant au paramètre.
Ce que tu as dû tester devait plutôt être

Code:

---

1 2 3 4 5

$(document).ready(function(){ $("a.cliquerhoraire").click(function () { $('.horaire').toggle("slow"); }); });

---

c'est pas tout à fait pareil ;)

Ah je viens de comprendre... Le next ne marchait pas à cause d'un élement... En fait mon lien <a> était dans un tableau (erreur de debut de coder en tableau ^^), et puis il n'était pas pris en compte immédiatement...
Mais là, le lien suit directement la div qui doit s'afficher/se cacher, et ça marche !


Merci beaucoup de l'aide apporté !

Effectivement, l'utilisation des tableaux se révèle bien souvent incompatible avec celle des frameworks ;)