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.'); } });
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.
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.