Discussion :

[Snooky68]

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?

[briegel]

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 :

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
 
//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é.

[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

[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

[briegel]

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 :

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

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.