Javascript multiedition de texte et concatenation

Version imprimable

Bonjour,

J'utilise le code suivant pour afficher du texte en bas de page. Ce texte qui s'affiche est celui que l'utilisateur envoie dans une textarea. Enfin, lorsque l'utilisateur supprime le contenu de la textarea, le texte en bas de page disparait.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <html> <head> <script language="javascript"> function ecrire(texte) { document.getElementById('url').innerHTML="Resultat : "+texte; } </script> </head> <body> <input type="text" size="40" onkeyup="ecrire(this.value)" /> <br /><div id="url">Resultat : </div> </body>
Voici mon but : faire en sorte que le texte reste en fin de page après écrasement de la saisie par du nouveau texte : BLABLA2 est envoyé dans la textarea et écrase BLABLA1. Or, je souhaite que BLABLA2 écrase le contenu de la zone de texte, MAIS s'ajoute à BLABLA1 copié en bas de page.

Résultat souhaité : en bas de page : BLABLA1 + BLABLA2 + etc.
Méthode proposé : je sèche. Je pensais à insérer une balise en bas de page par exemple @@@, et faire que le code écrase uniquement @@@ avec BLABLA 1 ou BLABLA2, de sorte qu'on insère toujours à la suite sans écraser.
(ou une autre méthode)

Quelqu'un pourrait il m'aider à faire ça, ce serait formidable !!
Je ne maîtrise pas javascript.

et un GROS MERCI !!!!

Code:

1
2
3
function ecrire(texte) {
document.getElementById('url').innerHTML +="Resultat : "+texte;
}

24/11/2008, 12h06
Bovino

:mouarf: j'allais proposer la même solution, mais le problème est qu'à chaque touche, tu rajoutes tout le contenu du textarea ! Le truc est de n'ajouter que le dernier caractère ;)

MERCI de votre aide !!!

Alors grace à vous j'ai pu faire le pas suivant. Ca fonctionne, mon code s'ajoute à la suite du précédent.

Pour optimiser j'ai ajouté un bouton Send. J'aimerais qu'il ait pour fonction de vider la barre de saisie (car manuellement la sélection Ctrl A du contenu réutilise la fonction donc le texte s'écrit x2, x3 dans la zone résultat) et éventuellement faire appel à la fonction de copie, puis effacer le contenu de la zone de saisie.
Càd en résumé : soit quand je clique sur le bouton, (le contenu a déjà été copié) la barre de saisie se vide.
Soit quand je clique sur le bouton, le contenu est copié, puis la barre de saisie se vide.

Voici mon code actuel :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <html> <head> <script language="javascript"> function ecrire(texte) { document.getElementById('url').innerHTML+=texte; } </script> </head> <body> <form name="form1" method="post" action=""> <input name="text" type="text" onKeyUp="ecrire(this.value)" size="40" /> <input type="submit" name="Submit" value="Envoyer"> </form> Resultat : <br /> <div id="url"></div> </body>
J'aimerais bien y arriver seul mais je ne suis pas assez expérimenté pour coder une sélection + suppression de la zone. Quelqu'un aurait-il une idée ?

Encore merci de votre aide !

25/11/2008, 18h22
javaman1

Precision

Alors j'ai un probleme avec ma fonction. OnKeyUp.
En fait je voudrais procéder par copier coller.
Mon texte n'est copié que lorsqu'une touche est relachée. En conséquence ce script ne fonctionne plus. Y a t il une fonction qui permette de capter le texte collé (une seule fois), sans qu'une touche soit pressée, ou bien de le capter uniquement lorsqu'on va appuyer sur un bouton Envoyer ?

Merci de votre aide, je sèche.
25/11/2008, 19h14
le_chomeur

meilleur solution => détecter la touche entrée :)
appel de ta méthode sur un bouton ...

Citation:

Envoyé par le_chomeur

meilleur solution => détecter la touche entrée :)
appel de ta méthode sur un bouton ...

C'est exactement ce que j'aimerais faire. Or je ne connais pas de fonction javascript qui permette de faire que l'appui sur un bouton envoie le texte dans la zone cible.

Alors ces derniers jours, j'ai tenté par plusieurs moyens d'insérer la fonction dans mon bouton, mais ma page disparaissait et je ne suis arrivé à aucun résultat !!!

Ca me gonfle parce que je suis sûr que ça se joue à un cheveu mais je n'y parviens pas.

Voici mon code :
Code:

1 2 3 4 5 6 7 8 9 <body> <! form name="form1" method="post" action=""> <input name="text" type="text" onKeyDown="ecrire(this.value)" size="40" /> <! input type="submit" name="Submit" value="Envoyer"> </form> <input name="bidon" type="text" onKeyDown="" /> Resultat : <br /> <div id="url"></div> </body>
Aidez-moi svp ! ou au moins orientez moi vers des mots clés où je pourrais trouver la solution car je bloque.

29/11/2008, 10h16
javaman1
Voici un exemple de ce que j'ai tenté :
Code:

1 2 3 4 5 6 <body> <input name="text" type="text" size="40" /> <input type="button" name="Envoyer" value="Envoyer" onClick="copier();this.form.submit()"> Resultat : <br /> <div id="url"></div> </body>
J'ai autorisé le controle active x mais malheureusement rien n'apparait lors du clic. Je ne comprends pas, alors je vais continuer de chercher. Si vous avez le coup d'oeil pour détecter d'où vient mon erreur, merci pour tout petit coup de pouce !
29/11/2008, 10h31
javaman1
Bonjour,

J'ai finalement trouvé ainsi :
Code:

1 2 <input name="text" type="text" size="40" /> <input type="button" name="Envoyer" value="Envoyer" onClick="ecrire(text.value);this.form.submit()">
Cependant il me reste une dernière étape pour résoudre mon probleme :
J'ai besoin d'envoyer un saut de ligne après chaque envoi de texte.
J'ai cherché sur Internet, puis essayé d'insérer <BR>, et "\n" mais sans résultat. Quelqu'un pourrait il me permettre de trouver la solution ?

Merci !
29/11/2008, 11h18
javaman1

Oh non, je viens de voir que la fonction marche sous IE mais pas sous firefox 3 !!!
Que faire ?
J'ai cherché à autoriser mais le script est coincé : j'appuie sur Envoyer, ça ne fait rien, pourtant sous IE ça marche parfaitement.
01/12/2008, 11h40
javaman1

incompatibilité

je n'ai toujours pas trouvé de solution. Quelqu'un saurait d'ou vient ce probleme de compatibilité ? y a t il une solution ?