position curseur inputTypeText

Version imprimable

16/03/2007, 14h34
Laeticia

position curseur inputTypeText

bonjour
apres avoir effectué une recherche sur le net et sur ce forum, je me décide de poster, car je me trouve face à un problème, peut etre bête mais que je n'arrive pas à résoudre.

En effet, sur ma page html, j'ai un input type text.
Je souhaite qu'à l'action onblur(), une fonction se lance et positionne le curseur juste avant le premier caractère si un ou plusieurs caractères ont été tapés.

J'ai trouvé des choses (createRange, getBookMark()) mais je n'arrive à rien :(

Merci de votre aide :)

Laeticia
16/03/2007, 14h38
SpaceFrog

je n'ai pas du comprendre l'ergonomie du truc ...
du coup tu ne peux jamais sortir de l'input si à chaque fois que tu le quittes tu le force à y revenir ...

en principe donner simpelement le focus à l'inout positionne le curseur en début de texte ?
16/03/2007, 14h42
Laeticia

Citation:

Envoyé par SpaceFrog

je n'ai pas du comprendre l'ergonomie du truc ...
du coup tu ne peux jamais sortir de l'input si à chaque fois que tu le quittes tu le force à y revenir ...

en principe donner simpelement le focus à l'inout positionne le curseur en début de texte ?

oui pas bête :P
surtout qu'il n'y aura pas qu'un seul input à la fin :)
Peut etre changer l'action déclencheuse alors, un onmouseover serait plus judicieux :)
16/03/2007, 14h50
SpaceFrog

quelle ergonomie cherches tu au juste ?
16/03/2007, 14h52
Laeticia

Citation:

Envoyé par SpaceFrog

quelle ergonomie cherches tu au juste ?

je ne sais pas ce que tu entends par ergonomie :oops: , mais la personne pour qui je travaille souhaites que lorsque l'on tape du texte dans une textbox, lorsque l'on revient dessus, le curseur se positionne au premier caractère.
En fait ceci est surtout valable lorsque tu tapes beaucoup de choses dans l'input ...

j'ai été plus claire ? :oops: ^

:yaisse2:
16/03/2007, 14h54
SpaceFrog

donc sur le focus donnes lui le focus ...

Code:

onfocus='this.focus()'
16/03/2007, 15h01
Laeticia

Citation:

Envoyé par SpaceFrog

donc sur le focus donnes lui le focus ...

Code:

onfocus='this.focus()'

:cry: ça ne fonctionne pas :(

peut etre que je me suis mal exprimée :(

par exemple j'ai tapé 123xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

le curseur (je le matérialise ici par cette barre verticale | ) est positionné à cet endroit :

123xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx|

je souhaiterai qu'il soit situé à cet endroit :
|123xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
de telle sorte que l'on puisse voir 123 (dans cet exemple).

8-)
16/03/2007, 15h12
SpaceFrog

non non tu t'es bien exprimée ... c'est bien ce que j'avais compris...

mais cela s'avère un peu plsu tricky que je ne l'avais imaginé au départ ...

je fais quelques tests ...
16/03/2007, 15h19
SpaceFrog
encore un comportement curieux :
Code:

1 2 3 <input type='text' id='one' /> <input type='text' id='two' value='lkjlkjlkjlkj' /> <input type="button" onclick="document.getElementById('two').focus()" />
si on est sur le one on obtient bien le comportement escompté ...
par contre si on est sur le two ... il retourne le focus en conservant la position du curseur ...
16/03/2007, 15h23
Laeticia

ah oui ... c'est particulier :o

par contre tu tapes des choses dans le one ?
16/03/2007, 15h24
SpaceFrog

non ...

mais le problèe ensuite pour l'implémenter sur le onfocus est que l'on tombe dasn une boucle infinie ....

bon voici une bidouille atroce ...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <script type='text/javascript'> var done=false function onlyonce(obj){ if (!done){ done=true; document.getElementById('one').focus(); done=true setTimeout(function(){done=true;document.getElementById('two').focus();},1); } } </script> </head> <body> <form id='myform'> <input type='text' id='one'></div> <input type='text' id='two' value='lkjlkjlkjlkj' onfocus="!done?onlyonce(this):0;done=false;"/> </form>
c'est tout ce que j'ai pu trouver ...
le principe: envoyer le focus sur un autre element une seule fois (done est un flag qui permet de tester si c'est la première fois qu'il reçoit le focus)...
je n'ai pas réussi à faire un simple blue ou a envoyer le focus sur autre chose qu'un autre input text

16/03/2007, 15h40
Laeticia

en fait moi j'avais trouvé qu'en faisant un nom_txtbox.select(), cette action revenait automatiquement au début de l'input type, par contre je n'ai pas trouvé de méthode automatique qui permet de déselectionner ...
si ça désélectionne après le select(), logiquement il devrait revenir au début :mouarf:
mais bon c'est de la bricole ça :)

sinon, prendre la totalité de la chaine et parcourir caractere par caractere, pour aller au début, mais je ne sais pas faire :oops:

merci encore :)
16/03/2007, 15h40
SpaceFrog

en plus ça ne fonctionne pas sous fireFox ... :(
16/03/2007, 15h43
SpaceFrog

faudrait passer alors par un createRange mais là j'avoue ne pas trop connaitre ...
16/03/2007, 15h45
Laeticia

Citation:

Envoyé par SpaceFrog

faudrait passer alors par un createRange mais là j'avoue ne pas trop connaitre ...

oui moi non plus :(

Code:

1
2
3
4
5
6
7
8
9
10
<script type='text/javascript'>
function setCursorPos(oTextBox) {
     var oMyTextRange= oTextBox.createTextRange();
     oMyTextRange.moveStart( "character", oTextBox.value.length);
     oMyTextRange.moveEnd( "character", -oTextBox.value.length-1 );
     oMyTextRange.select();
}
</script>
 
<input type='text' id='two' value='lkjlkjlkjlkj' onfocus="setCursorPos(this)"/>

faut juste trouver comment l'adapter pour firefox ...

Code qui fonctionne sur IE et sur Firefox :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
function setCursorPos(oTextBox) {
   if(typeof document.selection != 'undefined'){
      var oMyTextRange= oTextBox.createTextRange();
      oMyTextRange.moveStart( "character", oTextBox.value.length);
      oMyTextRange.moveEnd( "character", -oTextBox.value.length-1 );
      oMyTextRange.select();
   }
   else{
      oTextBox.selectionStart = 0;
      oTextBox.selectionEnd = 0;
   }
}

Code:

<input type='text' value='Du texte' onfocus="setCursorPos(this)" />

17/03/2007, 09h41
Laeticia

merci à vous tous
je regarde tout ça et je vous tiens au courant en début de semaine (:oops: désolée je ne peux pas avant :oops: )

merci encore :)

8)