Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3137 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  modif d'un input a partir d'un textarea

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

modif d'un input a partir d'un textarea

n°1368922
zeManuuu
Posté le 17-05-2006 à 16:10:39  profilanswer
 

Alors j'ai un bouton que lorsque je clique dessus, fait afficher dans un input texte le nombre de caractère d'un textarea.
 
bouton - déclencheur de l'action de comptage et d'affichage:

Code :
  1. <input type="button" onClick="document.getElementById('prout').value=document.getElementById('ta').length" value="Compter">


 
textarea - là où est compté le nombre de caractères:

Code :
  1. <textarea id=\"ta\" name=\"texte9\" style=\"width: 100%; height: 30em;\">$element_texte</textarea>


 
champ - affichage du nombre de caractères:

Code :
  1. <input class=\"champ_texte\"  readonly type=text id=\"prout\" name=\"indicateurT\" size=\"4\" maxlength=\"4\" value=\"0\">


 
Pour l'instant, champ m'affiche "undefined". Vous avez une idée ?

mood
Publicité
Posté le 17-05-2006 à 16:10:39  profilanswer
 

n°1368938
Bidem
Posté le 17-05-2006 à 16:22:16  profilanswer
 

tu essaye de récupérer la longueur de 'ta' alors que c'est la longueur de sa valeur que tu veux :

Code :
  1. document.getElementById('ta').value.length


 

n°1368946
zeManuuu
Posté le 17-05-2006 à 16:26:28  profilanswer
 

ouep, ça aurait été logique. Mais bizarrement, ca fonctionne pas oO
et FF n'affiche aucune erreur JS §


Message édité par zeManuuu le 17-05-2006 à 16:26:45
n°1368948
anapajari
s/travail/glanding on hfr/gs;
Posté le 17-05-2006 à 16:29:00  profilanswer
 

Citation :

document.getElementById('ta').value.length


edit: owned de 7 mins ... j'ouvre trop de tab moi ...
 
Tu peux montrer tout le source de ta page?


Message édité par anapajari le 17-05-2006 à 16:30:14
n°1368953
zeManuuu
Posté le 17-05-2006 à 16:32:05  profilanswer
 

ça fait 200 lignes ce serait inutile :)
 
mais bon je veux bien mettre ça  
 

Code :
  1. <tr style="vertical-align:bottom;">
  2.   <td colspan="4" width="750px">
  3.    <span style="font-size:10px;">Texte - </span><span style="font-size:12pt; font-family:Times New Roman;">« »</span><br />
  4.     <textarea id="ta" name="texte9" style="width: 100%; height: 30em;"></textarea>
  5.   </td>
  6.  </tr>
  7.  <tr>
  8.   <td align="left">
  9.    <span style="font-size:12pt; font-family:Times New Roman;">« »</span>
  10.   </td>
  11.   <td align="left">    <input type="button" onClick="document.getElementById('prout').value=document.getElementById('ta').value.length" value="Compter">
  12.   </td>
  13.   <td align="left">
  14.    <input class="champ_texte"  readonly type=text id="prout" name="indicateurT" size="4" maxlength="4" value="0">
  15.   </td>
  16.   <td colspan="2" align="right">
  17.    <input class="champ_texte" disabled readonly type=text size="3" maxlength="4" value="57">
  18.   </td>
  19.  </tr>


Message édité par zeManuuu le 17-05-2006 à 17:21:39
n°1368961
Bidem
Posté le 17-05-2006 à 16:39:24  profilanswer
 

Citation :

ça fait 200 lignes ce serait inutile :)
 
mais bon je veux bien mettre ça


Ce qui serait bien ça serait que tu mettes du code qui est en rapport avec la question...
 
et mets plutot le code HTML généré que le PHP


Message édité par Bidem le 17-05-2006 à 16:40:36
n°1368977
zeManuuu
Posté le 17-05-2006 à 16:52:53  profilanswer
 

j'ai edit :)

n°1369004
anapajari
s/travail/glanding on hfr/gs;
Posté le 17-05-2006 à 17:10:54  profilanswer
 

marche très bien ton truc :o

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
  4. <head>
  5.   <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  6.   <title>Pouet</title>
  7. </head>
  8. <body>
  9. <textarea id="ta" name="texte9" style="width: 100%; height: 30em;"></textarea>
  10. <input type="button" onClick="document.getElementById('prout').value=document.getElementById('ta').value.length" value="Compter">
  11. <input class="champ_texte"  readonly type=text id="prout" name="indicateurT" size="4" maxlength="4" value="0">
  12. </body>
  13. </html>

n°1369022
zeManuuu
Posté le 17-05-2006 à 17:23:45  profilanswer
 

marche pas chez moi, c'est taré :/

n°1369041
Sh@rdar
Ex-PhPéteur
Posté le 17-05-2006 à 17:39:04  profilanswer
 

active le JS :o
 
 
[:dehors]


---------------
La musique c'est comme la bouffe, tu te souviens du restaurant dans lequel t'as bien mangé 20 ans plus tôt, mais pas du sandwich d'il y a 5 minutes :o - Plugin pour winamp ©Harkonnen : http://harko.free.fr/soft
mood
Publicité
Posté le 17-05-2006 à 17:39:04  profilanswer
 

n°1369047
zeManuuu
Posté le 17-05-2006 à 17:42:08  profilanswer
 

je pensais pas que ça y faisait qq chose mais j'utilise htmlarea. Quand je crée un text area avec comme id "ta" ca me met tout une jolie interfance simili word. Si vous avez déjà été confronté à ça, n'hésitez pas à me dire comment vous avez résolu le pbl, merci :)
 
edit : j'ai aussi remarqué que quand je passe en mode "source" là, ca compte bien les caractères, mais avec les balise html etc... ce qui ne m'intéresse pas xD


Message édité par zeManuuu le 17-05-2006 à 17:46:22

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  modif d'un input a partir d'un textarea

 

Sujets relatifs
probleme input text valeur par defautCréer un objet à partir d'une chaîne de caractères
[JAVA] Pb de connexion DB Oracle à partir d'une applet [Résolu]Outils pour générer des DTD's à partir de documents XML
filtrage de n-uplet à partir d'un minimum[VBA ACCESS] Créer une table à partir des noms de fichiers
Generer une base a partir d'un script[VBA Excel] Input en option
Ouvrir une URL à partir du serveur web (apache) !Appeler une DLL C++/MFC à partir d'un code C#
Plus de sujets relatifs à : modif d'un input a partir d'un textarea


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)