Prototype : équivalent de jQuery.find() avec prototype ?

Prototype : équivalent de jQuery.find() avec prototype ? - HTML/CSS - Programmation

Marsh Posté le 10-05-2009 à 11:40:01    

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


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

Code :
  1. $(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 :
  1. maListe.each(
  2.  function(element, index)
  3.    {
  4.   element.select(".desc" ).invoke("show" );
  5.   element.select(".desc-full" ).invoke("show" );
  6.    }
  7.  );


 
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.

Reply

Marsh Posté le 10-05-2009 à 11:40:01   

Reply

Marsh Posté le 10-05-2009 à 20:42:44    

Citation :

sélectionner un conteneur
...
     <div class="desc-full">

desc-full est le nom d'une classe. Je ne suis pas sûr qu'il soit correct dire que ce serait un conteneur.
 
En tous cas, en jvascript, la manière la plus usuelle pour obtenir un élément est en utilisant la fonction getElementById("id_de_l_element" ). Pour cela, il faut donner un id à l'élément, par exemple : <div class="desc-full" id="desc-full-id">.
 
Pour plus d'informations sur ce point et sur d'autres points annexes, faire une recherche sur les mots "HTML DOM".

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed