TinyMCE - eigene JavaScripts

C

chr_86

Grünschnabel
Hallo!

Ich würde gern "eigene" JavaScript-Funktionen innerhalb des von TinyMCE erzeugten HTML-Codes ausführen. Also sowas hier:

Code: 
<iframe>
  <html>
    <head>
       <script>function test(){ alert("hallo Welt"); }</script>
    </head>
    <body id="tinymce">
       <a href="javascript:test()">hier klicken</a>
    </body> 
</iframe>

Frage: Wie bekomme ich meine JS-Funktion "test()" in das iframe?
 
Hallo!

Ich möchte bei Klick auf ein Thumbnail-Bild ein neues Fenster öffnen wo eine größere Version des Bildes angezeigt wird.
In der Funktion test() würde dann also in etwa sowas stehen:
Code: 
function test(imgSrc,width,height) 
			{
				// ermitteln ob Browser == Opera ist
				opr = (navigator.userAgent.indexOf("Opera")>-1);
				
				// Optionen zusammenstellen
				nW = is.opr? window.innerWidth: screen.width;
				nH = is.opr? window.innerHeight: screen.height;
				options = 'left='+(nW-width)/2+',top='+(nH-hight)/2+',width='+width+',height='+height;
				options += 'status=no,resizable=yes,scrollbars=no,copyhistory=no';
				
				// neues Fenster öffnen
				popw = window.open("about:blank","popwin",options);
				// neues Fenster füllen
				popw.document.write('<img src="'+imgSrc+'" alt="" />');
				// Focus auf neues Fenster
				popw.focus();
			}

und der Quellcode müsste etwa so aussehen:
Code: 
<a href="javascript:test('bild_groß.JPG','großes Bild',640,480)"> 
       <img height="112" border="0" width="150" alt="" src="bild_klein.jpg" />
       <br />zum Vergrößern anklicken 
</a>

Das Problem ist, dass die Funktion test wohl innerhalb des iframes definiert werden muss. Sonst passiert gar nichts wenn man auf den Link klickt.
 
Zuletzt bearbeitet:
Ich glaube eine alternative Lösung gefunden zu haben.
Mittels
Code: 
tinyMCE.activeEditor.windowManager.open({
  url : '/helpDesk/image?id=1',
  width : 640,
  height : 480
}, {
  custom_param : 1
});
Sollte mein Vorhaben auch realisierbar sein. Das muss ich aber nochmal näher testen.
 
chr_86 hat gesagt.:
der Quellcode müsste etwa so aussehen:
Code: 
<a href="javascript:test('bild_groß.JPG','großes Bild',640,480)"> 
       ...
</a>

Das Problem ist, dass die Funktion test wohl innerhalb des iframes definiert werden muss. Sonst passiert gar nichts wenn man auf den Link klickt.
Zum Vergrößern anklicken....
Die im Hauptdokument (index.hml, index.php) hinterlegte Script-Funktion test(...) wird aus dem iFrame heraus im Mutter-/Zielfenster mittels top erreicht:

HTML: 
<a href="#" onclick="top.test('bild_groß.JPG','großes Bild',640,480)">
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück