Mootools request.HTML

Mootools request.HTML - HTML/CSS - Programmation

Marsh Posté le 29-05-2009 à 19:33:07    

Bonjour,
 
Je veux utiliser le framework Mootools avec la fonction request.HTML.
J'ai suivi l'example donné sur la doc et cela marche:
 
Le javascript:
 
<code>
window.addEvent('domready', function() {  
 //We can use one Request object many times.
 var req = new Request.HTML({url:'./news.html',  
  onSuccess: function(html) {
   //Clear the text currently inside the results div.
   $('content').set('text', '');
   //Inject the new DOM elements into the results div.
   $('content').adopt(html);
  },
  //Our request will most likely succeed, but just in case, we'll add an
  //onFailure method which will let the user know what happened.
  onFailure: function() {
   $('content').set('text', 'The request failed.');
  }
 });
 
 $('display').addEvent('click', function() {
  req.send();
 });
 
});
</code>
 
 
le HTML
<code>
<div class="info">  
 <p><span class="date">15 July 2009: </span>Lorem ipsum dolor sit amet, consectetur adipiscing elit<br />
   <a href="#" id="display">Read more >>>>>>></a></p>
</div>
                        <div class="info">  
 <p><span class="date">15 July 2009: </span>Lorem ipsum dolor sit amet, consectetur adipiscing eli<br />
   <a href="#t" id="display">Read more >>>>>>></a></p>
</div>
<code>
 
 
Comme vous pouvez le voir. J'ai une liste de news que je veux afficher dynamiquement dans le div d'id="content".
 
Si je n'ai qu'un lien et qu'un fichier html a importer tout marche.
Seulement, je veux passer l'id du news vers le javascript et rechercher l'id correspondant dans la page HTML a importer.
Ma page de news externe regroupera en effet la totalité des news dans des div differents.
 
Je m'arrache les cheveux et ai lu des dizaines et dizaines de Forum mais je n'ai pas pu trouvé la solution à ce probleme que je pensais pourtant commun.

Reply

Marsh Posté le 29-05-2009 à 19:33:07   

Reply

Sujets relatifs:

Leave a Replay

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