Discussion :

[Daviloppeur]

Bonjour,

J'ai le problème suivant, je charge une page dans lequel j'écris dans un div.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="montexte">premier texte</div>

Par la suite, lors de l'appui sur un bouton sur cette page, je souhaiterais effacer et réécrire un nouveau texte dans ce div sans devoir recharger la page ?

Est ce possible ?

merci

[Nheo_]

Bonjour,

Lors du clic sur le bouton, tu appelle une fonction javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="button" name="monbouton" onClick="maFonction()">

Puis la fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function maFonction(){
    document.getElementById('montexte').innerHTML = "ton nouveau texte";
}

[Daviloppeur]

merci beaucoup, ça marche !

Par contre je n'arrive pas à afficher le contenu de ma div:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<div id="montexte">premier texte</div>
<div id="newdiv">nouveau texte</div>
 
function maFonction(){
    var test = document.getElementById("newdiv");
    document.getElementById('montexte').innerHTML = test;
}
 
<input type="button" name="monbouton" onClick="maFonction()">

Je ne vois pas "nouveau texte" mais [object HTMLDivElement], comment récupérer le contenu ?


*****

trouvé, il suffit d'utiliser document.getElementById('montexte').innerHTML = test.innerHTML;

Encore merci pour l'aide apporté