Ecriture dynamique dans la page actuelle

**fantomasmusic** · 19/04/2005, 10h47

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 :

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

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:

[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

**denisC** · 19/04/2005, 10h56

Une solution possible:

Code :

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

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

**fantomasmusic** · 19/04/2005, 11h08

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 :

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

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

Code :

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

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.

**denisC** · 19/04/2005, 11h37

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...

**fantomasmusic** · 19/04/2005, 11h48

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

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

<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>

**denisC** · 19/04/2005, 12h12

Code :

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

1
2
 
document.getElementById('blabla').firstChild.data="tata";

Désolé, je m'étais trompé sur la propriété à modifier.

Avec cette ligne, ton exemple marche.

**fantomasmusic** · 19/04/2005, 12h23

Merci

Celà fonctionne parfaitement.

Ecriture dynamique dans la page actuelle

JavaScript

Discussions similaires

Partager

Partager