tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
4
ZUGRIFFE
719
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 27.05.11 16:11 #1
    chr_86 chr_86 ist offline Mitglied
    Registriert seit
    Mar 2011
    Beiträge
    11
    Hallo!

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

    Code :
    1
2
3
4
5
6
7
8
9

    <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?
     
    Zitieren Zitieren
  2. 27.05.11 19:04 #2
    Avatar von ComFreek
    ComFreek ComFreek ist offline [x] Let it be logic!
    tutorials.de Moderator
    Registriert seit
    Jun 2009
    Beiträge
    2.363
    Blog-Einträge
    4
    Du müsstest den Quelltext des IFrames bearbeiten.
    Was willst du denn genau machen?
     
    mfg ComFreek

    Falls ich dir geholfen habe, würde ich mich über ein DANKE freuen!
    Kenn mich am besten aus in C++, WEB-Sprachen (PHP, HTML, JavaScript) und vllt. mehr
    [PHP] Überprüfen, ob Website erreichbar • Sicherheit in PHP-Codes schaffen • Google Chrome-Extension für tutorials.de • json_compress()
    Zitieren Zitieren
  3. 27.05.11 19:13 #3
    chr_86 chr_86 ist offline Mitglied
    Registriert seit
    Mar 2011
    Beiträge
    11
    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 :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

    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 :
    1
2
3
4

    <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.
    Geändert von chr_86 (27.05.11 um 19:17 Uhr)
     
    Zitieren Zitieren
  4. 27.05.11 19:28 #4
    chr_86 chr_86 ist offline Mitglied
    Registriert seit
    Mar 2011
    Beiträge
    11
    Ich glaube eine alternative Lösung gefunden zu haben.
    Mittels
    Code :
    1
2
3
4
5
6
7

    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.
     
    Zitieren Zitieren
  5. 13.08.11 16:11 #5
    Avatar von spicelab
    spicelab spicelab ist offline ZENmechanic
    Registriert seit
    Feb 2010
    Beiträge
    1.744
    Zitat Zitat von chr_86 Beitrag anzeigen
    der Quellcode müsste etwa so aussehen:
    Code :
    1
2
3

    <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.
    Die im Hauptdokument (index.hml, index.php) hinterlegte Script-Funktion test(...) wird aus dem iFrame heraus im Mutter-/Zielfenster mittels top erreicht:

    Code xhtml:
    1

    <a href="#" onclick="top.test('bild_groß.JPG','großes Bild',640,480)">
    Geändert von spicelab (13.08.11 um 16:25 Uhr) Grund: Tipp-Ex
     
    Zitieren Zitieren
« Navigation Unterstrich spinnt | Javascript hilfe »

Ähnliche Themen

  1. Probleme mit 2 JavaScripts
    Von SixxKiller im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 19.08.07, 21:28
  2. Allgemeines zu Javascripts
    Von Sergo im Forum CSS
    Antworten: 7
    Letzter Beitrag: 16.03.05, 01:47
  3. Suche 2 JavaScripts
    Von novae im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 25.12.04, 22:53
  4. Javascripts beschleunigen
    Von BGrojer im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 21.09.04, 21:10
  5. Javascripts und Flash
    Von AleX im Forum Flash Plattform
    Antworten: 4
    Letzter Beitrag: 20.04.01, 15:30

Stichworte