peut on recuperer la "value" d'un div ?

peut on recuperer la "value" d'un div ? - HTML/CSS - Programmation

Marsh Posté le 15-11-2003 à 09:02:53    

Bonjour,
 
voila, je voudrai écrire dans un div en javascript (ça je sais faire), mon problème est que je voudrai écrire quelquechose du genre ancien contenu + nouveau contenu.
 
il me faut donc lire la valeur actuelle de ce qui est dans le div ...
 
 
ptit bout de code plus explicite qu des dizaines de phrases :
 
voila tout bêtement le div qui contient (par exemple) initialement un nom prenom :

Code :
  1. <div id="txt_personne" align="left" name="txt_personne">Gaston Lagafe</div>


 
j'ai un select "basic" du type plus un ptit bouton :
 

Code :
  1. <select name="personne" class="links">
  2. <option selected>Choisir</option>
  3. <option value="1">Inspecteur Gadget<option>
  4. <option value="2">Marie Thérèse<option>
  5. <option value="3">Jolly Jumper<option>
  6. </select>
  7. <a href="#" onClick="ajout_personne()">ajouter</a>


 
et voilou la fontion js :
 
 

Code :
  1. <script language="JavaScript">
  2. function ajout_personne() {
  3. txt=eval(document.getElementById("txt_personne" ));
  4. document.getElementById("txt_personne" ).innerHTML=txt+'<br>'+this.fiche_film.elements['personne'].options[this.fiche_film.elements['personne'].selectedIndex].text;
  5. }
  6. </script>


 
que je mette :
txt=eval(document.getElementById("txt_personne" ));
txt=document.getElementById("txt_personne" ).value;
txt=document.getElementById("txt_personne" );
 
j'ai toujours undefined ou object qui s'affiche dans la première ligne du div ....
 
merci aux codeurs fous, car là j'suis à la rue !


Message édité par arsenick69 le 15-11-2003 à 09:03:49

---------------
L'arsenic est present a l'etat de traces dans toutes matieres vivantes. www.arsenick.net
Reply

Marsh Posté le 15-11-2003 à 09:02:53   

Reply

Marsh Posté le 15-11-2003 à 11:57:12    

salut,
 
c'est normal que tu ais un undefined ou un [object] à la première ligne de ton div. Ta variable 'txt' n'est rien d'autre qu'un objet ou n'importe quoi:

  • Code :
    1. eval(document.getElementById("txt_personne" ))

    :

te renvoie la valeur de la varible qui est designée par ton objet div (pas grand chose je pense )  

  • Code :
    1. document.getElementById("txt_personne" ).value [cpp] :
    2. te renvoie la valeur de l'attribut value de ton div, donc pas grand chose non plus (undefined)
    3. [*][cpp]document.getElementById("txt_personne" );

    :

ton objet div.
 
Ce que tu souhaites avoir c'est le contenu de ton div, plus precisement le HTML contenu par ton div, donc son 'innerHTML'.
 
essaye un truc comme ca plutot.
 
 

Code :
  1. <html>
  2.    <head>
  3.       <script>
  4.          // fonction d'ajout de la valeur saisie  
  5.          function addDataToDiv(){
  6.             try{
  7.                // on definit l'input
  8.                var sourceInput   = document.getElementById('testInput');
  9.                //on definit le div
  10.                var destinationDiv = document.getElementById('testDiv');
  11.        // et on ajoute...
  12.                destinationDiv.innerHTML = sourceInput.value + '<br/>' +
  13.       destinationDiv.innerHTML;
  14.             } catch(e){
  15.                // evite a l'erreur de remonter, evite les popup
  16.             }
  17.          }
  18.       </script>
  19.    </head>
  20.    <body>
  21.       <!-- input de test pour remplacer le select -->
  22.       <input type="text" id="testInput"/>
  23.       <input type="button" onClick="addDataToDiv()"/>
  24.       <!-- le div source -->
  25.       <div id="testDiv">
  26.       </div>
  27.    </body>
  28. </html>


 
 
Fred

Reply

Marsh Posté le 15-11-2003 à 12:06:13    

c bo !!
ca marche parfaitement ...  plus qu'à mettre ça à ma sauce !!
 
merci !


---------------
L'arsenic est present a l'etat de traces dans toutes matieres vivantes. www.arsenick.net
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed