Discussion :

[Nowwis]

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 :

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

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 :

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

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 !

[Bovino]

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

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

[Nowwis]

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 !

[Bovino]

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

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 html :

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

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 :

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

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

voire :

Code :

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

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

[Nowwis]

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

[Bovino]

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 :

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

1
2
3
4
5
$(document).ready(function(){
    $("a.cliquerhoraire").click(function () {
        $('.horaire').toggle("slow");
    }); 
});

c'est pas tout à fait pareil

[Nowwis]

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

[Bovino]

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