[résolu] taper texte dans champs text et affichage dynamique

taper texte dans champs text et affichage dynamique [résolu] - HTML/CSS - Programmation

Marsh Posté le 03-10-2012 à 13:44:50    

est-il possible de taper du texte dans un champ et d'afficher dynamiquement le contenu dans un tableau par exemple ?
 
le but : faire une prévisualisation de rendu aux utilisateurs.
 
c'est tout con mais j'ai du mal à trouver alors que j'ai déjà vu ça qqpart !


Message édité par CARL KEATON le 04-10-2012 à 10:44:21
Reply

Marsh Posté le 03-10-2012 à 13:44:50   

Reply

Marsh Posté le 03-10-2012 à 14:20:55    

Ben suffit d'utiliser l'événement onkeyup ou onkeypress en javascript. ca te permet de récupérer au fur et à mesure le contenu du champ texte. Après, ce contenu, t'en fait ce que tu veux (le mettre dans un tableau par ex).


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 03-10-2012 à 14:34:03    

merci rufo mais si je corriges ma saisie dans le champ initial, ca n'update pas le texte affiché ailleurs.
 
donc c'était une bonne piste mais malheureusement ca ne fonctionne pas


Message édité par CARL KEATON le 03-10-2012 à 15:17:19
Reply

Marsh Posté le 03-10-2012 à 15:45:00    

ben si, quand tu vas faire la touche "backspace", ça va générer un événement onkeypress ou onkeyup. Donc tu reprends le contenu de champ texte et tu le mets dans ton tableau... Je vois pas où ça coince :??:


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 03-10-2012 à 15:58:00    

j'ai fait ça  
 
input type="text" name="texte" id="texte" onkeyup="affichage(texte.value);"  />
<a id="divAffichage">
 
<script type="text/javascript" language="javascript">  
function affichage(valeur)  
{  
   document.getElementById("divAffichage" ).innerHTML += texte.value + "";  
}  
 
</script
 

Reply

Marsh Posté le 03-10-2012 à 17:36:23    

Ben non, faut pas faire une concaténation sinon, tu vas te retrouver avec x fois le même texte. Ex :
Tu tapes OK.
 
Avec ta concaténation, tu vas avoir : OOK :/


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 03-10-2012 à 21:29:59    

là, je suis perdu si tu as les compétences peux tu me guider stp ?
autant en php je me débrouilles que là, c'est pas mon fort !
 
merci d'avance
 
en gros je cherche a faire le meme principe que http://translate.google.fr mais sans la traduction !


Message édité par CARL KEATON le 04-10-2012 à 08:52:56
Reply

Marsh Posté le 04-10-2012 à 10:00:54    

Là, t'as pas un pb avec javascript, t'as juste un pb algorithmique :/
 
Si tu fais que de la concaténation du contenu entier du champ texte, tu vois bien que ça va pas marcher...


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 04-10-2012 à 10:07:37    

Ben simplement
 
document.getElementsByID("divAffichage" ).innerHTML = text.value;  
 
non ?


---------------
Perhaps you don't deserve to breathe
Reply

Marsh Posté le 04-10-2012 à 10:26:01    

il n'a pas mis le code html où il souhaite écrire son texte, mais a priori oui, c'est la solution à laquelle je pensais. J'aurais préféré qu'il la trouve seul.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 04-10-2012 à 10:26:01   

Reply

Marsh Posté le 04-10-2012 à 10:31:06    

Ah, je peux toujours supprimer mon post :D


---------------
Perhaps you don't deserve to breathe
Reply

Marsh Posté le 04-10-2012 à 10:38:44    

Il a dû le voir...


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 04-10-2012 à 10:43:52    

ok merci pour vos infos, sujet résolu

Reply

Sujets relatifs:

Leave a Replay

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