Version complète: sur le forum Webmaster Hub : Changement Dynamique de Contenu
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > Scripts et utilitaires
Aprilwine
On me pardonnera si ce sujet a été déjà traité ici, mais...

Est-il possible de changer le contenu textuel d'un DIV sans recharger toute la page? Je suis certain de l'avoir vu sur un site, mais comment le faire? Je voudrais créer un système de dossiers déroulants et sûrement mes utilisateurs seraient heureux de ne pas devoir tout recharger sur chaque clic du souris. tongue.gif
MS-DOS_1991
CITATION(Aprilwine @ lundi 20 mars 2006, 06h08)
Est-il possible de changer le contenu textuel d'un DIV sans recharger toute la page? Je suis certain de l'avoir vu sur un site, mais comment le faire? Je voudrais créer un système de dossiers déroulants et sûrement mes utilisateurs seraient heureux de ne pas devoir tout recharger sur chaque clic du souris.  tongue.gif
*

Salut smile.gif

Tu dois utiliser le JavaScript pour faire cela wink.gif

Un exemple simple:
HTML
<script type="text/javascript">
function ChgDivContent(div_id, new_content)
{
document.getElementById(div_id).innerHTML = new_content;
}
</script>
[...]
<p style="cursor: pointer;" onClick="ChgDivContent('div_de_test', '<p>Texte d\'arriv&eacute;e</p>')">Changer</p>
<div id="div_de_test"><p>Texte de d&eacute;part</p></div>
Aprilwine
Après avoir lu un article sur cette méthode (il y a deux ou trois ans, je l'admets), j'ai conclu que c'était seulement les browsers de Microsoft qui offrait cette fonction, et qu'il n'y avait aucune méthode universelle pour l'accomplir. Mais après tester votre exemple sous Safari 1.3, j'arrive à le faire marcher. Qu'est-ce qui se passe? Cette méthode est-elle devenue le standard?

J'ai essayé aussi les fonctions DOM "createElement", "setAttribute", "insertText", et "appendChild", mais cela n'a rien fait et, à vrai dire, je ne comprends pas trop ces choses. Font-elles même parties du JavaScript?
Dudu
Bonsoir.

Oui et non.

"innerHTML" est effectivement quelque chose de non-standard: c'est propriétaire Microsoft.
Effectivement, quelques navigateurs (hors IE) le reconnaissent malgré tout, pour des raisons de compatibilité avec de vieilles applications Javascript/DOM
Effectivement, çà reste du code relativement "sale".
D'un autre côté, ça offre l'avantage d'être très rapide à mettre en place ...

Cela étant, il existe bien évidemment des manières de faire un peu plus conformes aux standards.
Je te laisse lire ces 3 liens très intéressants (c'est en anglais, mais vu que tu es expatrié aux US çà ne devrait pas te poser trop de problème biggrin.gif)
Aprilwine
C'est parfait; c'est exactement ce que je cherchais. Merci!

Expatrié? Tu le crois? biggrin.gif On est flatté...
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.