sélection par classe [Résolu]

[20100.]

bonjour,

j'ai un soucis pour utiliser les sélectionneur de JQuery.

J'explique : je veux faire apparaître du texte d'une série de paragraphe (à qui j'ai donné la class=slideN, N étant un nombre). Pour cela j'écrivais :

Code :

$('div.slide'+number).slideDown();

où number était un paramètre de ma fonction

Mais maintenant je veux, au sein d'une classe slide2 par exemple, pouvoir faire apparaître tel ou tel paragraphe. J'ai d'abord penser utiliser des id en // des class, malheureusement j'ai encore plusieurs paragraphes à faire apparaître simultanément. Et deux class ce n'est pas possible.

J'en suis arrivé à faire des class généré en php ainsi :

Code :

class=\"slide".$partcount."detailed".$idcount."\"

donc qui sont du type slideN1detailedN2.

Je voulais donc remplacer mon code

Code :

$('div.slide'+number).slideDown();

par

Code :

$('div[class^="slide'+number+'"').slideDown();

mais cela ne fonctionne pas...

Une idée de pourquoi je n'arrive pas à sélectionner mes div comme ça ?
Et/ou une autre idée pour pouvoir faire mes deux séries de sélection autrement qu'en créant des classes à noms composés ?

En espérant avoir été clair...

[20100.]

Argh ! pourquoi est-ce quand je viens de poster que je trouve mon erreur ? pourtant j'ai bien du chercher pendant 30' avant de poster... j'avais simplement oublier de fermer le ]

Une autre question toutefois qui n'a pas grand chose à voir :

comment faire en sorte que toutes mes div soit cachées au début ?
j'imagines bien un truc du genre

Code :

 $('div[class^="slide'+number+'"').quelquechose

mais je ne sais pas trop quoi, et surtout je ne sais pas comment faire pour que ce soit pris en compte ? j'avais essayer d'appeler une fonction avec onload de mon body mais ça n'avait pas marché...

Désolé, j'imagines que ce sont des questions de débutant. Je fais de mon mieux pour chercher la réponse par moi même toutefois...

[Atomya Rise]

Envoyé par 20100.

Et deux class ce n'est pas possible.

Heuuu si, cela est tout à fait possible...

Pour avoir deux class il suffit de faire ceci :

Code html :

<div class="classe1 classe2">

Et tu gères cela avec

Code javascript :

1
2
3
 
.addClass("LaClassAajouter")
.removeClass("LaClassAenlever")

En ce qui concerne la question

comment faire en sorte que toutes mes div soit cachées au début ?
j'imagine bien un truc du genre $('div[class^="slide'+number+'"').quelquechose

Tu n'est pas loin ^^
Remplace ton .quelquechose par .hide()

[scourjean]

Oui ou bien le mieux un style="display:none;" sur chaque div ou sur la classe de cette div dans le fichier css externe. Ça évite du traitement javascript.

[Arnaud F.]

Envoyé par 20100.

comment faire en sorte que toutes mes div soit cachées au début ?
j'imagines bien un truc du genre

Code :

 $('div[class^="slide'+number+'"').quelquechose

mais je ne sais pas trop quoi, et surtout je ne sais pas comment faire pour que ce soit pris en compte ? j'avais essayer d'appeler une fonction avec onload de mon body mais ça n'avait pas marché...

Code :

1
2
3
4
 
$(document).ready(function() {
    $("div[class^=slide]").hide();
});

Pour les rendre visible par la suite :

Code :

    $("div[class^=slide]").show();

[20100.]

Super, merci à vous !

Pour les deux class , j'avais tout bêtement écrit deux fois class = ... au lieu de donner 2 valeurs... du coup je vais pouvoir repenser ma feuille css moi . Finalement j'ai opté pour le display:none, qui me semble le plus propre.
mon soucis pour ça était à l'origine que je ne savais pas générer automatiquement du css pour faire autant de class que nécessaire, du coup j'ai mis le style en "inline". Maintenant que je sais qu'on peux faire plusieurs class, je vais simplement faire une class hidden et ce sera réglé (plus pratique aussi pour gérer ma page sans javascript, car y'a toujours des réticent à la technologie ;-)

et merci pour le code $(document).ready, il me semblait avoir déjà essayer dans cette direction et échoué, mais je reviendrais si ça ne marche pas.