Discussion :

[calitom]

Bonjour,

Je viens de trouver ce site, exliquant bien les méthodes et propriétés de l'element :

Code :

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

document.selection.createRange()

Voici ce site:
http://quentinc.net/ref/js/textrange/

Est ce qu'il y aurait un moyen de sauvegarder la position du texte selectionné, de manière à reselectionner automatiquement ce texte en javascript?

[d-Rek]

Sauvegarder ? Avec un cookie ?

[calitom]

En fait, ca va me servir pour créer des liens...
Je selectionne le texte sur lequel je veux faire un lien, puis je clique sur le bouton ouvrant la fenetre de gestion des liens...

Le probleme, c'est que je dois me souvenir du texte que l'utilisateur a selectionné pour pouvoir le remplacer par le lien.

En effet, dans la fenetre de gestion des liens, il peut prendre le focus, se qui provoque la déselection du texte selectionné.

Donc comment faire pour mémoriser le texte selectionné à l'ouverture de la fenetre de gestion des liens de manière à pouvoir remplacer le texte initialement selectionné par le lien.

En gros soit je peux me souvenir du texte selectionné directement, et c'est super.

Sinon y a t'il un moyen de savoir la position du texte selectionné dans un div...


Par exemple:

Code :

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

1
2
3
4
 
<div id='conteneur'>
lien vers la page : accueil
</div>

Là l'utilisateur selectionne le texte "accueil".
Est ce qu'il y a une méthode capable de me dire un truc du genre:
texte selectionné debut=19
texte selectionné fin=26

Où 19 et 26 corresponderaient à la position de la chaine selectionnée...

Ai je été clair?

[calitom]

Est ce que c'est possible de savoir a quel indice commence le premier caractere d'un element selectionné?
Par exemple:

Code :

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

1
2
3
4
 
<div id='conteneur'>
lien vers la page : accueil
</div>

Si on selectionne "vers", la fonction doit retourner 5 car v est la première lettre selectionnée, et elle se situe à l'indice 5 dans le div

De meme, si on selectionne "la" la fonction doit retourner 10

[d-Rek]

J'ai trouvé ça sur le net et ça marche :

Code Javascript :

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

1
2
3
4
5
6
function run(){
	if (document.getSelection) sel = document.getSelection();
	else if (document.selection) sel = document.selection.createRange().text;
	else return;
	alert("Votre sélection: "+sel);
}

Code HTML :

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

1
2
3
blabla bla
<br><br>
<a onmouseover="run();">RUN</a>

Tu sélectionnes du blabla et tu passes ton curseur sur RUN

[calitom]

Ce n'est as ca mon probleme...
J'arrive parfaitement a recuperé ma selection, mais le probleme, c'est pour positionner le lien à l'endroit selectionné.

Si je selectionne du texte et que j'ouvre la fenetre de gestion des liens sans perdre le focus, pas de probleme, le lien se crée à la place du texte selectionné.

Mais si lorsque j'ouvre la fenetre de gestion des liens je clique sur un input par exemple pour modifier le texte du lien, a ce moment la, le texte qui était selectionné se déselectionne. Et lorsque j'ajoute le lien, il le met tout en haut de la page car vu que le texte n'est plus selectionné, il positionne mon lien là où il y a le focus, soit tout en haut de la page.

En gros, je voudrais pourvoir me souvenir de l'endroit où le texte à été selectionné pour pouvoir placer mon lien toujours à la place du texte selectionné, meme si il a été déselectionné!

Compliqué non?!!!