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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°2158966
CARL KEATO​N
Posté le 03-10-2012 à 13:44:50  profilanswer
 

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
mood
Publicité
Posté le 03-10-2012 à 13:44:50  profilanswer
 

n°2158971
rufo
Pas me confondre avec Lycos!
Posté le 03-10-2012 à 14:20:55  profilanswer
 

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
n°2158977
CARL KEATO​N
Posté le 03-10-2012 à 14:34:03  profilanswer
 

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
n°2158994
rufo
Pas me confondre avec Lycos!
Posté le 03-10-2012 à 15:45:00  profilanswer
 

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
n°2158996
CARL KEATO​N
Posté le 03-10-2012 à 15:58:00  profilanswer
 

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
 

n°2159026
rufo
Pas me confondre avec Lycos!
Posté le 03-10-2012 à 17:36:23  profilanswer
 

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
n°2159050
CARL KEATO​N
Posté le 03-10-2012 à 21:29:59  profilanswer
 

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
n°2159078
rufo
Pas me confondre avec Lycos!
Posté le 04-10-2012 à 10:00:54  profilanswer
 

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
n°2159079
Terminapor
I'll see you rise.
Posté le 04-10-2012 à 10:07:37  profilanswer
 

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


---------------
Perhaps you don't deserve to breathe
n°2159081
rufo
Pas me confondre avec Lycos!
Posté le 04-10-2012 à 10:26:01  profilanswer
 

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
mood
Publicité
Posté le 04-10-2012 à 10:26:01  profilanswer
 

n°2159083
Terminapor
I'll see you rise.
Posté le 04-10-2012 à 10:31:06  profilanswer
 

Ah, je peux toujours supprimer mon post :D


---------------
Perhaps you don't deserve to breathe
n°2159084
rufo
Pas me confondre avec Lycos!
Posté le 04-10-2012 à 10:38:44  profilanswer
 

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
n°2159087
CARL KEATO​N
Posté le 04-10-2012 à 10:43:52  profilanswer
 

ok merci pour vos infos, sujet résolu


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

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

 

Sujets relatifs
synchroniser affichage de publicité[RESOLU]Problème affichage colonne avec awk
[Codage PHP] Affichage résumé d'une ligneAffichage dans un boucle for /f
Création dynamique montage vidéosNewsletter dynamique via boucle php
URGENT Affichage de diaporamasAfficher texte durant execution d'une servlet
probléme d'affichage d'une base de donnés (service web)affichage irrégulier sous chrome
Plus de sujets relatifs à : [résolu] taper texte dans champs text et affichage dynamique


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR