Discussion :

[kinder_pingui]

Bonjour,

Je cherche à récupérer par javascript un texte sélectionné à la souris dans un champ input, ainsi que les positions de début et de fin de ce texte.

Sur Firefox, aucun problème. J'utilise un code de ce genre :

Code :

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

1
2
3
4
5
6
 
champ = document.getElementById("test");
phrase = champ.value;
debut = champ.selectionStart;
fin = champ.selectionEnd;
selection=phrase.substring(debut, fin);

Mais (bien sûr), sur IE, ça ne passe pas. Il ne connait pas selectionStart (ni selectionEnd). Comment faire pour récupérer ces infos simplement ?

J'ai bien trouvé ça et là des méthodes pour IE, mais ça me parait quand même bien compliqué, tout ça pour récupérer un texte sélectionné, la position de départ, la position de fin et l'ID du champ input.

Merci pour vos lumières !

Fred

[Bisûnûrs]

Salut, tu peux t'aider de ce post :
http://developpez.net/forums/showthread.php?t=303959

[kinder_pingui]

Merci pour ta réponse.

J'arrive à récupérer le contenu du texte surligné, mais pas la position de départ, ni de fin dudit texte.

A moins qu'il ne faille passer par le DOM ?

[Bisûnûrs]

Heu, non, pas besoin du DOM.

Si tu regardes le code dans l'autre post, pour récupérer la position, sur IE c'est :

Code :

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

1
2
sel.moveStart(..)
sel.moveEnd(..)

et Firefox :

Code :

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

1
2
tag.selectionStart
tag.selectionEnd

[kinder_pingui]

Ah oui en effet, merci !

Dernière petite question : C'est possible de récupérer l'id du champ input qui fait l'objet du document.selection ??

[Bisûnûrs]

Toujours dans la fonction du post précédent, tu as :

Code :

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

var tag = document.getElementById(champ);

Donc son id c'est :

Code :

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

document.getElementById(champ).id

[kinder_pingui]

Pour IE, j'ai trouvé ça :

Code :

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

1
2
3
 
var range = document.selection.createRange();
var id = range.parentElement().id;

Ca correspond à ce que je recherche car je fais une comparaison entre l'élément du formulaire qui appelle la fonction javascript et le champ qui contient le texte sélectionné. Les deux doivent se trouver sur la même ligne, et donc avoir des id qui "se ressemblent".

Merci encore pour tes conseils.

Fred

[natoine]

Bonjour,
J'aimerai faire l'action inverse.

Je m'explique:
lors d'une première visite de la page, l'utilisateur a sélectionné une partie de texte et sa sélection a été sauvegardée sous la forme de deux entiers, begin et end.

Maintenant, ce que j'aimerai c'est que lors d'une autre visite, il puisse demander à voir ses sélections précédentes et donc que la partie de texte représentée par begin et end soit sélectionnée.