Bonjour à tous !
Alors voilà j'utilise le framework prototype.js pour mettre à jour la partie contenu de ma page web. Lorsque l'on clique sur un élément du menu de navigation, j'appele la fonction getContentAjax().
Code :
function getContentAjax(contentID) { var url = 'getContent.php'; var pars = 'contentID=' + contentID; var myAjax = new Ajax.Updater( {success: 'content'}, url, {method: 'post', parameters: pars, onFailure: reportError}); }
La mise à jour fonctionne parfaitement mais le pb est que l'insertion est faite par concaténation. Par exemple si je clique deux fois sur Accueil, il va me supperposer deux fois le contenu de ma page d'accueil entre la balise <div id="content"> et </div>.
Avant (sa ne fait que 3j que j'ai commencé avec AJAX) j'utilisais le framework Rico, qui lui gérait bien l'effacement avant l'insertion du contenu.
Je suis loin de maitriser le javascript donc il se peut que la solution soit vraiment très simple.
Pour résumer je cherche un moyen d'effacer le contenu d'une balise <div> en javascript, MAIS cette balise apparait comme étant vide : <div id="content"></div> car mise à jour via l'AJAX. InnerHTML n'est donc pas suffisant (selon mes tests...).
Merci d'avance !
Matth
