passage de valeur par un lien vers une iframe depuis une autre fenêtre

Question

Bonjour, Je m'arrache les cheveux depuis hier sur un bout de code. J'ai tenté de créer sur une page un éditeur wysiwyg, le texte se met dans une textarea qui est dans une iframe. Sur cette page fonctionne ce dont j'ai besoin, gras, souligné, italique. Et j'aurai voulu que les popups que j'avais déjà préparées en javascript me permettent maintenant d'y intégrer un lien, une image ou un doc. Or je n'arrive pas à faire fonctionner le lien, il n'envoie rien dans ma textarea qui est dans mon iframe. Voici le code sur la page principale (modifier.php): ........ ....... echo "Le texte: ........... ";................... et voici le code que j'ai sur ma popup: echo " Cliquez ici pour ajouter ce texte coloré"; j'ai tenté aussi ceci: echo " Cliquez ici pour ajouter ce texte coloré"; et dans tous les sens possibles... rien à faire. Si quelqu'un peut me dire ce qu'il manque sur ma popup pour y faire passer mon texte ce serait génial.

cs_djagger · Answer

Salut !

a mon avis un truk a essayer pour d&#233;bugger plus facilement ton code, c'est de faire une fonction dans ta page principale qui sera appel&#233;e par ta popup :
modifier.php :
function fTest (){
    document.getElementById('texte_contenu').value+="blablabla ...";
}

et dans ta popup :

Ca change pas grand chose, mais ca te permet de faire des test, mets un alert() au d&#233;but de fTest d&#233;j&#224; pour voir si ta fonction est bien appel&#233;e, etc ....

bon courage a+++

cs_yanka · Answer

Bouhhh... &#231;a marche pas, et en plus ce n'est pas trop possible, car dans cette popup je cr&#233;e une valeur: texte, et je ne peux pas avoir cete valeur sur ma premi&#232;re page.

En fait, c'est simple, je veux refaire de fa&#231;on tr&#232;s simplifi&#233; ce que je suis en train d'utiliser en ce moment m&#234;me...

j'y suis arriv&#233;e pour la mise en forme du tewxte, mais pour les liens, images et doc, je voulais r&#233;utiliser les popuos que j'ai d&#233;j&#224; cr&#233;e avant de passer &#224; la iframe, et je n'arrive pas &#224; trouver comment envoyer une valeur dans cet iframe par un lien... d&#233;sol&#233;e, je me r&#233;p&#232;te, mais je deviens compl&#232;tement ch&#232;vre avec ce truc... apparemment personne ne sait...

cs_djagger · Answer

Et le alert se fait ?
si non, c'est que c'est ta r&#233;f&#233;rence &#224; ta page principale qui est mauvais!

pour la valeur que tu cr&#233;es dans ta popup, c'est pas un pb, t'as juste a la passer a la fonction fTest :

modifier.php :
function fTest (maVar){
    document.getElementById('texte_contenu').value+=maVar;
}

et dans ta popup :

cs_yanka · Answer

D&#233;sol&#233;e, j'&#233;tais pass&#233;e sur autre chose...

Non, l'alert ne fonctionne pas.... comment puis-je changer la r&#233;f&#233;rence &#224; ma page principale ?
La page principale est un formulaire, formajout2.

J'ai donc sur modifier.php:

function fTest (maVar){
alert ('Vous venez de cliquer')
    document.getElementById('editeur_content').value=maVar;
}

et sur la popup:

$texte_couleur')">

Ya longtemps que j'avais pas bloqu&#233; comme &#231;a...

cs_yanka · Answer

Ca y est... &#224; 00h33 je viens de comprendre pourquoi &#231;a ne marche pas...
La probl&#232;me doit &#234;tre, que la page odifier envoie bien sur une popup, popup1.php mais celle-ci est un formulaire qui envoie sur popup2.php... et de fait, window.opener envoie les donn&#233;es dans la popup1.php et pas dans le formulaire de la page modifier.php...

reste plus qu'&#224; trouver s'il est possible et comment envoyer les donn&#233;es dans une autre page, mais pas la fenetre apellante...

bonne nuit

cs_djagger · Answer

J'ai pas capt&#233; ton histoire de la popup2 ...
C'est juste l'ACTION de ton FORM ?
Si oui le window.opener est bon.

Sinon si tu ouvres une autres popup, faudrait faire un truk du genre 
   window.opener.opener.fTest()

cs_yanka · Answer

Hello,
Je crois qu'&#224; force je m&#233;lange tout.... &#233;videmment, ce n'est pas le window.opener, puisque cette ligne de code fonctionnait quand j'avais sur la page modif simplement une textarea... Donc le chemin de la page &#233;tait bon...
Depuis que je suis pass&#233;e dans une iframe avec la textarea devant, impossible d'y inscrire le texte. En fait quand je remet le code que j'avais pour envoyer dans la textarea, donc ceci:

quand je cliques il se produit une chose plut&#244;t bizarre, on dirait qu'il cr&#233;e une page (toujours dans la popup) o&#249; il affiche le champ "texte_contenu" dans son ensemble, il r&#233;cup&#232;re la valeur du champ textarea et y rajoute ma variable couleur2... 

c'est &#224; dire mon champ texte_contenu contient: "Il est clair qu'il y a comme un probl&#232;me..." je cr&#233;e la couleur par le formulaire, je cliques sur le lien, il m'affiche: 

"Il est clair qu'il y a comme un probl&#232;me... ceci est la couleur bleu", ce bout de texte &#224; l'affichage dans la couluer que j'ai d&#233;finie...

????

cs_djagger · Answer

J'ai pas tout capt&#233; l&#224; ... :p
C'est quoi ton iframe ? ton textarea (et du coup ton form) est dedans ?
faut faire un truk du genre :
window.opener.getElementById("monIframe").formajout2....

cs_yanka · Answer

J'ai mis ceci: Je viens de mettre ceci: il se passe plus rien... Woui, c'est ce que j'essaye d'expliquer avec tout mon code en haut: je suis dans formajout2, dans: ";................... c'est ce qui me permet de créer le wysiwyg

cs_djagger · Answer

Mais t'as pas de SRC a ton IFRAME?

Par contre tu vas &#234;tre oblig&#233; de cr&#233;er formajout2 dans ton iframe !

cs_yanka · Answer

Regardes &#224; cette page:

http://www.ibilab.net/webdev/articles/Javascript/creer-editeur-texte-wysiwyg-bases-10.htm

c'est de l&#224; que je sors ce bout de code, absolument g&#233;nial d'ailleurs.
Non, pas de SCR &#224; l'iframe...  l'&#233;diteur est initialis&#233; par: function iniEditor()

les modifs sur la page sont initialis&#233;s par: function setContent(action){
  ewin = window.frames['editeur'];
  edoc = ewin.document;
  edoc.execCommand(action, false, null);
  ewin.focus(); 
}
et 
les donn&#233;es sont retriat&#233;s au moment de l'envoie par :

function getEditorContent()

pffff... dur dur

cs_djagger · Answer

Rha ouais l'est nickel cet &#233;diteur !

Par contre l&#224; je vois pas trop niveau de l'iframe .. dsl !

cs_yanka · Answer

Ben, ouais, j'ai trouv&#233; aussi ... en fait je viens de rajouter la possibilit&#233; de cr&#233;er des liens, &#231;a marche, mais sans passer par une popup, je reste dans la page et j'ai cr&#233;e un second

function setContent2(action){
  ewin = window.frames['editeur'];
  edoc = ewin.document;
  edoc.execCommand(action, true);
  ewin.focus(); 
}

et &#231;a marche, &#231;a cr&#233;e un lien &#224; partir du texte s&#233;lectionn&#233;.

Par contre, pas moyen toujours de faire marcher ces popups, il faut que je creuse... peut &#234;tre essayer de r&#233;utiliser cette fonction setcontent depuis ma popup, mais j'ai peur que &#231;a soit pas possible en fait...

cs_djagger · Answer

A mon avis ca doit etre possib' !

depuis la popup :
function setContent2(action){
  ewin = window.opener.frames['editeur'];
  edoc = ewin.document;
  edoc.execCommand(action, true);
  ewin.focus(); 
}

sinon je vois pas !

cs_yanka · Answer

J'ai trouv&#233; pour mettre le texte en couleur, cr&#233;er les liens, sans passer par la popup. 

La fonction setContent2 fonctionne effectivement depuis la popup et vient remplir ma textarea, mais avec execCommand,  execCommand si j'ai bien compris est une sorte d'&#233;l&#232;ments windows, je sais pas trop le manipuler, je voudrai maintenant inserer des images, quand je fais &#231;a ave cette fonction, il me cr&#233;e un lien: c://documents, etc... bref, il met le chemin du fichier sur mon disque dur... ce qui fait que &#231;a suit pas trop &#224; l'affichage sur le serveur...

J'avance un peu quand m&#234;me, te donnerai la source de ce truc g&#233;nial, car tu es le seul &#224; m'aider sur tout le web....

cs_djagger · Answer

bah de rien c'est normal, j'aime bien aussi qu'on m'aide quand je bloque sur un truk !

pour les images, tu fais ca avec un INPUT FILE ? ca sert a uploader des fichier sur le serveur (faut faire ca en php par ex.)!
pour choisir tes images, faudrait que tu fasse un petit explorateur de fichier (qui explore sur le serveur) dans une popup,
tu peux en trouver sur ce site !

cs_yanka · Answer

J'ai d&#233;j&#224; cr&#233;e une petite biblioth&#232;que d'images sur le serveur, &#224; partir de cette page, je devrai pouvoir arriver &#224; les int&#233;grer toujours avec execCommand. A plus tard, je teste

kalutheo · Answer

Passage de valeur par un lien vers une iframe depuis une autre fenêtre

18 réponses

Votre réponse

Discussions similaires