Ecriture dynamique dans la page actuelle

Bonjour,

j'aimerais ecrire du texte lorsque je réalise un évement.
j'ai réalisé le bout de code ci-dessous expliquant et modélisant mon probleme.

je le commente: Mon but est de pouvoir afficher le "titi" en "tata" (var texte = "titi" lorsque je change ma valeur du select.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> var texte = "titi"; function changeTXT() { texte = "tata"; alert("ça devrait avoir changé ):"); } </SCRIPT> </HEAD> <BODY> <FORM> <SELECT name="truc" onchange="javascript:changeTXT()"> <OPTION>tic <OPTION>tac </SELECT> </FORM> <u>Je voudrais écrire le "titi" en "tata" en dessous là! en changeant le SELECT </u> <br> <script>document.write(texte);</script> </BODY> </HTML>
en screen ca donne ca:

Citation:

[SELECT]
Je vous écrire le "titi" en "tata" en dessous là! en changeant le SELECT
titi

Je ne sais pas si c'est possible, il faut p-e créer des input texte et les mettre en disable et afficher le texte que l'on veut dedans?

Merci de votre reponse :)

Une solution possible:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <SELECT name="truc" onchange="javascript:changeTXT();"> <option>tic</option> <option>tac</option> </SELECT> <div id='blabla'>titi</div> function changeTXT() { document.getElementById('blabla').firstChild.value="tata"; alert("ça devrait avoir changé ):"); }
Ca doit marcher. Après ca dépends de ce que tu veux faire. Je suppose que ton but final, ce n'est pas de faire ça :wink:

:)

Non biensur mon but final n'est pas de faire ça, mais je trouve que c'est bien de modéliser le probleme dans un exemple simple, d'autant plus que c'est plus clair pour tous le monde.

Alors j'ai surement des reflexes que je n'ai pas, j'ai modifié en ca! mais j'ai une erreur dans le:

Code:

document.getElementById('blabla').firstChild.value="tata";
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function changeTXT() { document.getElementById('blabla').firstChild.value="tata"; alert("ok? ):"); } </SCRIPT> </HEAD> <BODY> <FORM> <SELECT name="truc" onchange="javascript:changeTXT()"> <OPTION>tic</OPTION> <OPTION>tac</OPTION> </SELECT> </FORM> <u>Je voudrais écrire le "titi" en "tata" en dessous là! en changeant le SELECT </u> <br> <div id='blabla'>titi</div> <FORM> <div id='blabla'>titi</div> </FORM> </BODY> </HTML>
Voilà j'ai mis deux fois le <DIV></DIV> une fois dans une form et l'autre normalement, pour voir si ca changé qqch, apparament non :(.
Je ne vois pas ou est l'erreur.

euh, id, c'est un identifant qui doit etre unique. Tu ne peux avoir qu'une seul balise avec un id donné dans ta page, sinon, c'est normal que ça ne marche pas.

Ceci dit, je ne sais pas si tu as modifié ça avant ou après que ça ne marche pas...

certes

D'accord ID est unique, mais en faites c'était davantage pour montrer les deux endroits ou je l'ai testé sachant que je ne sais pas ou se place la balise <DIV>, dans tous les cas, quand j'ai testé au cas par cas, celà ne fonctionne pas.

Quand j'enleve la ligne

Citation:

document.getElementById('blabla').firstChild.value="tata";

je n'ai plus d'erreur.

tu peux copier le code dans une page txt, l'exemple est fait de telle maniere qu'il soit opérationnel, pour ma part je ne vois pas pourquoi ce que tu ma donné ne marche pas, ca a l'air bon.

Mais comme tout bon développeur sait, la varité est parfois ailleurs lol.
Non mais ca serait sympa de trouver, c'est un truc bloquant là pi je vois vraiment pas.

Ci dessous le code:

Merci :)

Citation:

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">

function changeTXT()
{
document.getElementById('blabla').firstChild.value="tata";
alert("ok? ):");
}

</SCRIPT>
</HEAD>

<BODY>
<FORM>
<SELECT name="truc" onchange="javascript:changeTXT()">
<OPTION>tic</OPTION>
<OPTION>tac</OPTION>
</SELECT>
</FORM>

<u>Je voudrais écrire le "titi" en "tata" en dessous là! en changeant le SELECT </u>
<br>
<div id='blabla'>titi</div>
</BODY>
</HTML>

Code:

1 2 document.getElementById('blabla').firstChild.data="tata";
Désolé, je m'étais trompé sur la propriété à modifier. :oops:

Avec cette ligne, ton exemple marche.

Merci :lol:
Celà fonctionne parfaitement. :ave: