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

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 !

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

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

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é :aie:

Une fonction pour une liste :

Code:

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:

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 :mrgreen: