Positionnement du curseur. NicEdit

Version imprimable

27/10/2010, 09h26
Snooky68

Positionnement du curseur. NicEdit

Bonjour à tous!

Voilà mon problème, comme éditeur wysiwyg j'utilise NicEdit! Et j'ai trouvé comment limiter le nombre de caractère dans mon champs. Le problème c'est que sur chaque mise à jour du champs (quand le nombre max de caractère est atteins) le curseur est automatiquement repositionner au début du champs! Se qui est assez embêtant!
Pour info il semblerais que mon champs éditable créer par NicEdit est une div!

Question: Comment faire pour repositionner le curseur à la fin du texte en javascript?

Tu peux le faire à l'aide des objets Range et TextRange, mais ils ne disposent pas des mêmes méthodes et propriétés chez IE et Gecko.

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
 
//pour invoquer un objet Range à partir d'une sélection texte :
//-pour IE :
var myRange=document.selection.createRange();
//-pour les autres : 
var myCont=document.getElementById('maDiv');
var mySelect=myCont.getSelection();
var myRange=mySelect.getRangeAt(0);
 
//pour placer le range : attention, il faut un noeud texte
var myLastChild=myCont.lastChild;//Attention, il faut trouver le dernier noeud texte, lastChild trouve le dernier noeud, pas forcément type text !
//pour IE :
myRange.moveToElementText(myLastChild);
myRange.collapse(false);
//pour les autres : 
myRange.setStart(myLastChild,0);
myRange.setEnd(myLastChild,myLastChild.nodeValue.length-1);
myRange.collapse(false);
 
//pour faire une sélection utilisateur sur le range déplacé :
//pour IE :
myRange.select();
//pour les autres :
mySelect.removeAllRanges();
mySelect.addRange(myRange);

En espérant t'avoir aidé.

27/10/2010, 14h33
briegel

Ha, bien sûr, les liens qui te permettront d'approfondir le sujet :
Pour IE : http://msdn.microsoft.com/en-us/libr...(v=VS.85).aspx
Pour les autres : https://developer.mozilla.org/en/DOM/range
28/10/2010, 19h33
Snooky68

Salut!

Merci beaucoup pour tes réponses! Mais comme tu la précisé il faut un noeud texte, et j'ai une div! :?
Donc sa na pas marché!

J'ai découvert que se que je cherchais n'existe pas en faite! Donc j'ai contourné le problème! (j'utilise un éditeur bbcode avec une prévisualisation en temps réel!)

Bref... résolut...
Merci

Il faut un noeud texte, et dans ton cas le dernier noeud texte de la div, non?
Avec un truc de ce genre, que je ne pensais pas devoir préciser :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 var div=document.getElementById('madiv'); var last=div.lastChild; while(last && last!=div && last.nodeType!=3){ if(last.lastChild){ last=last.lastChild; }else if(last.previousSibling){ last=last.previousSibling; }else{ while(last && last!=div){ last=last.parentNode; } }
Ce que tu cherches existe, mais c'est très verbeux et complexe d'utiliser les textRange, donc on préfère généralement utiliser la fameuse execCommand, dont tous les éditeurs WYSIWYG sont issus, et qui produit un code pas génial.