✔ In Iframe Bild einfügen

[chpa]

Hallo liebe Community,

ich arbeite mit dem WYSWIG-Editor von con-f-use. Nun möchte ich in dieses Editor ein Button einfügen bei dessen Klick ein PopUp geöffnet wird mit Bilder.

Nun soll der User nur noch auf ein Bild klicken müssen und das Bild soll im Iframe sein.

Geht so etwas überhaupt?

Habe schon gegooglet aber irgendwie nichts gefunden...

Gruß

Christoph Paterok

 

[chpa]

Sorry hab den Link vergessen

http://confus.co.funpic.de/_data/tut/editor.html

 

[con-f-use]

Es geht - der insert Image Befehl ist ja schon mehr oder weniger eingebunden. Alles, was du jetzt machen musst ist das ensprechende PopUp per onclick="window.open(...)" öffnen. Im PupUp kannst du dann den einzelnen Bilder ebenfalls onclicks verpassen, die im Mutterfenster dann den insertImage-Befehl ausführen. Vom PopUp aus auf das Mutterfenster zugreifen lässt sich über das opener-Objekt.

 

[chpa]

Das heißt, ich schreibe jetzt einfach in den Link im PopUp:

<A href="#" onClick="javascript:opener.insertimage['bild.jpg']">Bild einfügen</A>

Ist das richtig?

 

[chpa]

Ich glaube jetzt habe etwas gefunden:

function insertParent() {  
var text = "";  
var bla = "";  
var wysiwyg = "";  
text = document.getElementById('textarea').value;  

opener.eddi.document.open();  
opener.eddi.document.write(text);  
opener.eddi.document.close();}

Wenn ich jetzt statt dem Text die URL des Bilds einfüge müsste es doch klappen oder?

 

[con-f-use]

Oh je, Houston wir haben einen JS-Neuling.

Mal ein Beispiel für das was ich meinte:

Code für das Mutterfenster:

<a href="http://www.beispiel.de/popup.html" onclick="window.open(this.href,'',''); return false;">PopUp öffnen</a>

Code für das PopUp:

<img src="smilie1.jpg" onclick="opener.ifrm.execCommand('InsertImage',false,this.src);" />
<img src="smilie2.jpg" onclick="opener.ifrm.execCommand('InsertImage',false,this.src);" />