SELFHTML

Forum SELFHTML: Archives:
problème d'insertion de texte au curseur dans un form

Page d'information: vue d'ensemble
vers le bas 

(JAVASCRIPT) problème d'insertion de texte au curseur dans un form

Le message suivant est de: croco, Adresse électronique suchus@hotmail.com, 07. 06. 2006, 03:17

Bonjour,

Je souhaite utiliser la fonction javascript décrite dans l'article suivant :

http://actuel.fr.selfhtml.org/articles/javascript/bbcode/index.htm

Fonction qui permet d'insérer des caractères dans un champ TEXTAREA de formulaire, pour y placer des balises (en l'occurence je ne l'utilise pas pour du BBcode mais pour des balises html).

Je n'ai aucun problème sous FireFox, mais avec IE6 cela "plante" si je n'encadre pas au moins un caractère : le plantage se traduit par l'insertion des balises... dans le bouton ! Or, d'une part l'utilisateur peut faire une mauvaise manip, d'autre part la fonction doit permettre de placer un <P>.

Quelqu'un a-t-il déjà constaté ce problème ? et trouvé la solution ?


 
vers le hautvers le bas 

(JAVASCRIPT) problème d'insertion de texte au curseur dans un form

Le message suivant est de: croco, Adresse électronique suchus@hotmail.com, 07. 06. 2006, 12:33

Précision : j'ai "juste" modifié la fonction de la manière suivante en faisant passer une variable "nombouton", afin de gérer le cas de plusieurs textearea dans un formulaire (et aussi pour que la fonction soit compatible avec des Form de nom différent).

*******************************************************
function insertion(repdeb, repfin, nombouton) {

if (nombouton == "boutons1") {
 var input = document.forms['formulaire1'].elements['saisie1'];
}
else if (nombouton == "boutons2") {
 var input = document.forms['formulaire1'].elements['saisie2'];
}
************ le reste de la fonbction est inchangé ********

et dans le code html cela donne par exemple :

*******************************************************
  <form name="formulaire1" action="chemin de l'action">
    <p><textarea name="saisie1" cols="30" rows="10">texte</textarea></p>
    <p><input type="button" value="gras" onClick="insertion('<b>', '</b>', 'boutons1')"></p>


    <p><textarea name="saisie2" cols="30" rows="10">texte</textarea></p>
    <p><input type="button" value="gras" onClick="insertion('<b>', '</b>', 'boutons2')"></p>
  </form>
*******************************************************

Aucun soucis avec FireFox, donc, mais comme je l'ai indiqué IE  insère les balises dans le "value" du bouton si les balises n'encadrent aucun caractère.


 
vers le hautvers le bas 

(JAVASCRIPT) problème d'insertion de texte au curseur dans un form

Le message suivant est de: croco, 07. 06. 2006, 13:35

Curieusement, le problème semble venir des if pour tester la valeur du paramètre ajouté sur le nom du bouton, je ne comprends absolument pas le rapport.

Mais, apparemment la solution est la suivante, si ça peut aider quelqu'un :

Au lieu de passer un nom de bouton, puis de faire un if sur ce nolm pour sélectionner la bonne affecation de var imput, j'envoie directement le nom du formulaire et le nom du textarea en argument

******* DANS LA FONCTION ********

function insertion(repdeb, repfin, formulaire, element) {
  var input = document.forms[formulaire].elements[element];
  input.focus();

*********************************

******* DANS LE FORMULAIRE ******
  <form name="formulaire1" action="chemin de l'action">
    <p><textarea name="saisie1" cols="30" rows="10">texte</textarea></p>
    <p><input type="button" value="gras" onClick="insertion('<b>', '</b>', 'formulaire1', 'saisie1')">
    <input type="button" value="saut" onClick="insertion('<p>', '', 'formulaire1', 'saisie1')"></p>


    <p><textarea name="saisie2" cols="30" rows="10">texte</textarea></p>
    <p><input type="button" value="saut" onClick="insertion('<p>', '', 'formulaire1', 'saisie2')"></p>
  </form>

*** etc pour d'autres formulaires et textarea ****
*********************************


 
vers le hautvers le bas 

(JAVASCRIPT) problème d'insertion de texte au curseur dans un form

Le message suivant est de: Patrick Andrieu, 14. 06. 2006, 10:31
http://actuel.fr.selfhtml.org/equipe/patrick.htm

Bonjour!



»» Mais, apparemment la solution est la suivante, si ça peut aider quelqu'un :

Merci d'être venu poster la solution après avoir trouvé par toi même!


Meilleures salutations de Francfort sur le Main,
Patrick
--
_ au delà du délire _


 


vers le haut

© 1998-2004 Adresse électronique selfhtml@fr.selfhtml.org