Déplacer le curseur à une position voulue dans un textarea avec IE

**spirou** · 10/08/2006, 19h55

Bonsoir à tous, Je suis en train de faire un petit bbcode perso, mais je n'arrive pas à trouver comment reculer le curseur de x caractères dans mon textarea avec IE, pour FF, j'ai pas eu trop de problèmes, ça a été assez facile, mais avec IE

Y'a t-il une solution, ou c'est peine perdue ?

Merci !

**arnolem** · 11/08/2006, 01h10

pourrais tu nous donner un petit bout de code, qui fonctionne au moin avec firefox.
merci

**spirou** · 11/08/2006, 14h23

J'ai trouvé comment faire, enfin, disons plutôt que j'ai été voir sur plusieurs scripts js, et j'ai fait pareil

Ben si tu veux le code que j'ai fait, pas de lézard, mais c'est peut-être pas le top, je suis pas bon en js, en plus c'est pas ma tasse de thé

Une fonction pour une liste :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
function liste(id, textarea, valeur)
{   
    var navigateur = navigator.appName;
 
    var select = document.getElementById(id);
    var textarea = document.getElementById(textarea);
 
    var balise_fin = '</' + valeur + '>';
    var balises = '<' + valeur + '=' + select.value + '>' + balise_fin;
 
    if( select.value != '' )
    {
        if( navigateur != 'Microsoft Internet Explorer' )
        {                       
            var poscur = textarea.selectionEnd;
 
            var debut = textarea.value.substring(0, poscur);
            var fin = textarea.value.substring(poscur, textarea.value.length);                   
 
            textarea.value = debut + '<' + valeur + '=' + select.value + '></' + valeur + '>' + fin;
            if( navigateur == 'Netscape' )
            {
                textarea.selectionStart = textarea.selectionEnd - balise_fin.length - fin.length;
            }
            // opera entre autres
            else
            {
                var balise_debut = '<' + valeur + '=' + select.value + '>';
                textarea.selectionStart = poscur + balise_debut.length;
            }
            textarea.selectionEnd = textarea.selectionStart;
        }
        // IE
        else  // if( navigateur == 'Microsoft Internet Explorer')
        {
          textarea.focus();
          var balise_debut = '<' + valeur + '=' + select.value + '>';
 
          var range = document.selection.createRange();
          var texte = range.text;
          range.text = balise_debut + texte + balise_fin;
 
          range = document.selection.createRange();
          if (texte.length == 0)
          {
              range.move('character', -balise_fin.length);
          } 
          else
          {
              range.moveStart('character', balise_debut.length + texte.length + balise_fin.length);
          }
          range.select();
      }
      select.options[0].selected = true;
 
      textarea.focus();
    }
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <title></title>
  </head>
  <body>
 
    <form action="">
    <p>
      <select id="couleur" onchange="liste('couleur', 'message', 'couleur')">
         <option value="" selected="selected" disabled="disabled">Couleur</option>
         <option value="bleu">Bleu</option>
         <option value="rouge">Rouge</option>
         <option value="vert">Vert</option>
         <option value="noir">Noir</option>
         <option value="gris">Gris</option>
      </select>
    </p>   
    <p><textarea cols="20" rows="30" id="message" name="message"></textarea></p>
    </form>
  </body>
</html>

Je suis sûr que tu fais largement mieux

Déplacer le curseur à une position voulue dans un textarea avec IE

JavaScript

Discussions similaires

Partager

Partager