Récupération bloc HTML sous Firefox

Version imprimable

04/04/2007, 17h30
cradleofpain

Récupération bloc HTML sous Firefox

Bonjour à tous !

J'ai besoin de récupérer un bloc HTML sous Firefox.

eval(nom).document.getSelection() me permet de récupérer le texte que je sélectionne.

eval(nom) est une iframe

eval(nom).document.body.innerHTML me permet de récupérer la version HTML

Je pensais utiliser un truc style "parentNode" mais ça ne passe pas sous Firefox.

Pourriez-vous m'aider ?
04/04/2007, 17h32
SpaceFrog

parent.nomframe ....
04/04/2007, 17h46
cradleofpain

En fait, sous IE je fais :

var tr = eval(nom).document.selection.createRange()

tr est donc un textRange.

Je peux alors faire : tr.parentElement

J'aimerais, à partir de eval(nom).document sous Firefox, récupérer un textRange qui corresponde au texte que j'ai sélectionné.

Je pourrais ensuite utiliser parentElement.

Je suis passé par la méthode getSelection sous Firefox mais on ne récupère pas d'objet textRange.

Y a-t-il une astuce ?
04/04/2007, 17h48
FremyCompany

Ce que tu cherches à faire n'a pas vraiment d'équivalent FF...
FF ne permet pas de manipuler la sélection.

Cependant, pour le document, sur FF, on fait : iframe.contentDocument
04/04/2007, 18h00
cradleofpain

Tu veux dire qu'à partir du texte sélectionné, il est impossible de le mettre dans un objet TextRange ?

Sinon, je ne vois pas ce que tu veux dire par :

"Cependant, pour le document, sur FF, on fait : iframe.contentDocument"
04/04/2007, 18h35
FremyCompany

A)
Oui... tu peux bien faire document.getSelection qui te retourne une chaine de caractère avec le TEXTE sélectionné, et c'est tout... textRange, c'est du IE-Only...

B)
Ben sous FireFox, tu dois faire eval(nom).contentDocument
04/04/2007, 19h23
Auteur
Citation:
Envoyé par cradleofpain

Code:

1 2 var tr = eval(nom).document.selection.createRange()
cette syntaxe me semble étrange :koi:

J'écrirais plutôt :
Code:

1 2 var tr = eval(nom+".document.selection.createRange()");
04/04/2007, 19h51
FremyCompany

http://www.developpez.net/forums/sho...81#post1926681
05/04/2007, 09h40
cradleofpain

J'ai essayé d'utiliser ta fonction getHTMLOfSelection mais ça ne me retourne rien !

ça me semble un peu compliqué par rapport au résultat que j'attend.

Sinon, window.ActiveXObject permet de tester si c'est sous IE, c'et bien ça ?

Est-ce que je dois utiliser eval(nom) à la place de window dans le code ?

Pour répondre à "Auteur", la syntaxe ne pose pas de problème à priori.
05/04/2007, 09h46
FremyCompany
Ben c'est simple, avec ce code tu dois faire pareil sous FF et sous IE...
(N'oublie pas de mettre ce script dans ta frame, ainsi que dans toutes les pages de ton site, évidemment)
Code:

1 2 var textRange = eval(nom).document.selection.createRange(); var parentElement = textRange.parentElement();
getHTMLOfSelection() ne marche que pour FF. Il sert à générer textRange.htmlText;
05/04/2007, 09h58
cradleofpain

Dans la partie de mon code exécutée par FF, j'ai mis un alert("getHTML : " + getHTMLOfSelection()).

Il ne me renvoi rien et sort en fait au premier

else{
return '';
}

Est-ce que je dois pas passer "nom" en paramètre afin de faire un
eval(nom).document.getSelection plutot que window.getSelection() ?

Quand tu dis de mettre le script dans la FRAME, tu veux dire quoi exactement ?
Entre les balises <IFRAME>, en propriété de cette balise ???
05/04/2007, 10h28
FremyCompany

Citation:

Envoyé par cradleofpain

Quand tu dis de mettre le script dans la FRAME, tu veux dire quoi exactement ?
Entre les balises <IFRAME>, en propriété de cette balise ???

Ben non, dans la page qu'il y a dans l'iframe... exemple dans IFRAME.HTML

Et tu dois ensuite faire comme tu faisait pour IE, sans modification
05/04/2007, 10h33
cradleofpain

En fait, le code se trouve dans un fichier js appelé par la page ou se trouve ma frame.

C'est une fonction dans mon js qui doit appeler getHTMLOfSelection() que j'ai mis aussi dans le js.

Bon, attends, je vois que tu comprends pas ce que je veux dire donc je vais essayer d'être plus clair:

INDEX.HTML
Code:

1 2 3 4 5 6 7 8 9 10 11 ... <script src="DOCUMENT.SELECTION.JS"></script> ... <iframe src="IFRAME.HTML" ... ></iframe> ... <script></script> ...
IFRAME.HTML
Code:

1 2 3 ... <script src="DOCUMENT.SELECTION.JS"></script> ...

05/04/2007, 10h47
cradleofpain

J'ai oublié de te préciser que j'utilise des jsp et pas des HTML.

Sinon, pourquoi la boucle qui commence par :

if (!document.selection && document.getSelection) {

n'est pas dans une fonction ? A quel endroit dois-je la mettre ?

Voici un peu l'architecture de mon fichier js :

La fonction E() doit utiliser :

var textRange = eval(aName).document.selection.createRange();

La fonction getHTMLOfSelection est située au dessus de la fonction E().

Dans la fonction E(), j'ai mis toute la boucle :

if (!document.selection && document.getSelection) {

Je n'arrive toujours pas à utiliser la fonction createRange() !

Ni la fonction RangeCount !
05/04/2007, 15h57
FremyCompany

Tu ne dois rien faire de spécial
Tu prends mon script sans toucher à quoi que ce soit.
Tu le copies. Tu crée un fichier document.selection.js. Tu colles. Tu sauvegarde. Tu l'ajoutes à ton document HTML et c'est fini ;)
05/04/2007, 16h24
cradleofpain

Je vais essayer. Par contre, j'ai vu que tu avais modifié le fichier auquel on accède via le lien que tu as mis.

Est-ce que je prend cette nouvelle version ou est-ce que je dois garder l'ancienne ?
05/04/2007, 17h12
FremyCompany

Prend la nouvelle, c'est mieux
05/04/2007, 17h18
cradleofpain

Merci.

Celà fonctionne mais il me reste un problème :

J'ai besoin d'exécuter la ligne :

eval(aName).document.execCommand("CreateLink")

FF me dit "not enough arguments".

J'ai essayé eval(aName).document.execCommand("CreateLink",true) et
eval(aName).document.execCommand("CreateLink",true,'')

Mais là il passe pas.

Existe-t-il une alternative ?
05/04/2007, 17h40
FremyCompany

Ton document est bien en designMode = "on" ?

Si oui alors je suis confus et je ne comprends pas... mais en tout cas ca n'as rien à voir avec mon script
05/04/2007, 17h45
cradleofpain

Je ne sais pas.

Est-il possible de faire eval(nom).document.designMode = "on" avant la ligne du execCommand ?
05/04/2007, 17h54
FremyCompany

oui, bien sur
05/04/2007, 17h56
cradleofpain

Meme en ajoutant le designMode="on", j'obtiens la même erreur qui est la suivante :

Erreur*: uncaught exception: [Exception... "Component returned failure code: 0x80004001 (NS_ERROR_NOT_IMPLEMENTED) [nsIDOMNSHTMLDocument.execCommand]" nsresult: "0x80004001 (NS_ERROR_NOT_IMPLEMENTED)" location: .......

Bonne chance pour comprendre !

NS_ERROR_NOT_IMPLEMENTED
===> Non supporté par FireFox

Mais tu peux le faire avec document.selection
Code:

1 2 3 4 5 6 try { document.execCommand(...) } catch (e) { var range = document.selection.createRange(); range.htmlText=("<a>" + range.htmlText + "</a>"); }

06/04/2007, 09h35
cradleofpain

Oui c'est sûr, je peux faire comme ça mais je préfèrerais passer par un ExecCommand.

J'ai essayé. Les balises <a> sont bien insérées mais ya des balises <htmlsection> qui sont ajoutées et moi j'en veux pas.
Il les ajoute tout seul.

Il y a peut-être une alternative qui fonctionne sous Firefox.

Citation:

Envoyé par cradleofpain

Oui c'est sûr, je peux faire comme ça mais je préfèrerais passer par un ExecCommand.

J'ai essayé. Les balises <a> sont bien insérées mais ya des balises <htmlsection> qui sont ajoutées et moi j'en veux pas.
Il les ajoute tout seul.

Il y a peut-être une alternative qui fonctionne sous Firefox.

Ben oui, ca ajoute des balises HTMLSection, vu que c'est mon code qui fait ca...

En fait, FireFox permet d'ajouter des noeuds HTML à la selection, pas d'en changer le contenu, donc en fait je vire la sélection et j'ajoute un balise (ici HTMLSection car elle n'a aucun effet visuel sur la page) avec du html dedans... On sait pas faire autrement... Enfin si, mais alors tu dois passer par les méthodes natives de la sélection en JavaScript sous FireFox, ce qui donne ca, si je ne m'abuse (tjrs avec mon script):
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 document.createLink=function(id) { try { this.execCommand("CreateLink", true, id); } catch (ex) { // Version de execCommand("CreateLink", true, id) sous FF var textRange = this.selection.createRange(); var newLink = document.createElement("a"); newLink.href=prompt("Adresse du lien","http://"); newLink.id=id; newLink.innerHTML=textRange.htmlText; textRange = textRange._range; textRange.deleteContents(); textRange.insertNode(newLink); } }

06/04/2007, 12h08
cradleofpain

J'ai fais quelquechose qui y ressemble fortement.

Mon problème est que le prompt ne permet pas de faire comme sous IE.

Il n'y a pas moyen de mettre une liste déroulante dans le prompt ?
06/04/2007, 14h31
FremyCompany

Non hélas....
06/04/2007, 15h07
cradleofpain

Et bien je pense que je vais rester comme ça sans mettre de liste.

Merci pour ton aide précieuse.

Je mettrais résolu quand je serais sûr de ne plus avoir de questions sur ce sujet.