Discussion :

[CUT HERE]

Hello,

Habitué de jQuery, je dois me confronter à Prototype sur un projet. Si j'arrive à me débrouiller pour une prise en main de puis 48h, j'ai un vrai problème pour sélectionner un conteneur.

J'ai une liste non ordonnées avec des titres, des description

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<ul id="maListe">
  <li>
    <h3><a href="#">Titre</a></h3>
    <div class="desc">
      <div class="desc-intro">
        Texte intro
      </div>
 
      <div class="desc-full">
        Tout mon contenu
      </div>
    </div>
</ul>

en Jquery pour sélectionner desc-full (en supposant que je suis dans une boucle sur mes listes), j'aurais

Code :

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

1
2
 
$(this).find(".desc").css("display","block").find(".desc-full").css("display","block");

$this représente le <li> en cours

Avec prototype, je n'y arrive pas.

Code :

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

1
2
3
4
5
6
7
8
 
		maListe.each(
		function(element, index)
		  {
			element.select(".desc").invoke("show");
			element.select(".desc-full").invoke("show");
		  }
		);

maListe représente un array de mes éléments listes sur lequel je boucle. element représente donc mon élément li. Pour chaque élément <li>, je veux avoir le controle sur mes conteneur desc et desc-full

Mais çe ne marche pas .

J'ai regardé la documentation, select semble l'équivalent du find chez jQuery.

Merci pour votre aide.

[gwyohm]

Ce que tu fais à l'air bien; c'est bien select qu'il faut utiliser. Tu peux nous montrer comment tu récupères maListe ?
Autrement, dans le code que tu fournis, tes éléments dont déjà visibles; tu fais un show dessus ? Ou bien tu as un display:none dans ta css ? Si c'est le cas, ca ne marchera pas, il faut que tu passes par

Code :

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

1
2
3
 
element.select(".desc").invoke("setStyle", {display:"block"});
element.select(".desc-full").invoke("setStyle", {display:"block"});