Javascript - von Popup auf Textarea in Hauptfenster zugreifen

Diskutiere und helfe bei Javascript - von Popup auf Textarea in Hauptfenster zugreifen im Bereich Webmaster Support, Scripts, etc im SysProfile Forum bei einer Lösung; Ich wollte einen kleinen Editor realiseren, in dem man unteranderem den Code für Bilder einfügen kann. Die Bilder selbst wurden vorher schon... Dieses Thema im Forum "Webmaster Support, Scripts, etc" wurde erstellt von gemini, 25. Januar 2011.

  1. gemini
    gemini Wandelnde HDD
    Registriert seit:
    26. Juli 2007
    Beiträge:
    7.013
    Zustimmungen:
    516
    1. SysProfile:
    33171
    2. SysProfile:
    143510

    Ich wollte einen kleinen Editor realiseren, in dem man unteranderem den Code für Bilder einfügen kann. Die Bilder selbst wurden vorher schon hochgeladen und Verweiße befinden sich in der Datenbank. Klickt der User jetzt auf einen Button, wird ein Popup Fenster geöffnet, in dem ihm die hochgeladenen Bilder per Vorschau angezeigt werden.
    Jetzt habe ich bei jedem Bild zwei Möglichkeiten. Einmal den Code für das Vollbild einzufügen und einmal für ein Thumbnail.

    Jetzt zu meiner Frage:

    Wie erreiche ich es, dass man in dem Popup-Fenster die entsprechende Möglichkeit unter jedem Bild anklickt und dann der entsprechende Code in das Textarea-Feld im Hauptfenster eingefügt wird?


    Ich hoffe mein Anliegen ist einigermaßen verständlich. Wenn nicht fragen ;)

    Schon mal danke für euere Antworten.
     
  2. User Advert

  3. Mic
    Mic Lebende CPU
    Registriert seit:
    13. Dezember 2007
    Beiträge:
    1.356
    Zustimmungen:
    46
    Name:
    Michael
    1. SysProfile:
    48811
    2. SysProfile:
    31071
    105840
    #2 Mic, 25. Januar 2011
    Zuletzt bearbeitet: 25. Januar 2011
    1 Person gefällt das.
  4. Spacerat
    Spacerat ٩(̾●̮̮̃̾•̃̾)۶ /dev/null
    Registriert seit:
    25. Dezember 2006
    Beiträge:
    8.628
    Zustimmungen:
    206
    Name:
    Christian
    1. SysProfile:
    11226
    Steam-ID:
    Spacerat2911
    Via JavaScript geht das eigentlich einfach.

    Code:
    opener.getElementById("id der Textarea").value = opener.getElementById("id der Textarea").value + " " + document.getElementById("id des Textfelds, dessen Inhalt in die Textarea eingefügt werden soll").value;
    Opener ist das Fenster (das "Parent" - Elternteil), was das Popup geöffnet hat.
    der Rest sollte sich selbst erklären ;)

    Die Arbeit mit getElementById ist übrigens konform zu allen Browsern. Die Methode aus dem Link mit opener.mainlink.xxxxxx ist nicht überall funktionstüchtig.
     
  5. gemini
    gemini Wandelnde HDD
    Themenstarter
    Registriert seit:
    26. Juli 2007
    Beiträge:
    7.013
    Zustimmungen:
    516
    1. SysProfile:
    33171
    2. SysProfile:
    143510
    Leider will es nicht so ganz klappen :(

    Hier mal die enstprechenden Code-Zeilen

    Hauptfenster mit dem Editor
    Code:
    <script type="text/javascript">
    function oeffnefenster (url, width, height) {
               fenster = window.open(url, "Fenster", "width=" + width + ",height=" + height + ",status=yes,scrollbars=yes,resizable=yes");
    	fenster.focus();
    	return false;
    }
    </script>
    
    [...]
    
    <a href=\"show.php\" onclick=\"oeffnefenster(this.href, 525, 685); return false\"><button type=\"button\" id=\"schriftbutton\">Bild einf&uuml;gen</button><a>
    
    [...]
    
    <textarea id=\"post_editor_text\" name=\"text\" style=\"height: 250px;\">".$text."</textarea>
    
    Und hier der Teil aus der php Datei die im Fenster geöffnet wird:

    Code:
    <a href="#" onclick="opener.getElementById("post_editor_text").value = opener.getElementById("post_editor_text").value + " Dies ist ein kleiner Test";">Bild w&auml;hlen</a>
     
  6. Spacerat
    Spacerat ٩(̾●̮̮̃̾•̃̾)۶ /dev/null
    Registriert seit:
    25. Dezember 2006
    Beiträge:
    8.628
    Zustimmungen:
    206
    Name:
    Christian
    1. SysProfile:
    11226
    Steam-ID:
    Spacerat2911
    2 Dinge - ein Fehler meinerseits und einer von dir ;)

    1. es heißt opener.document.getElementById(.......
    2. kannst du beim onclick-element nicht in den Klammern " verwenden, wenn du es als Klammern ausserhalb verwendest.

    Der Inhalt im Popup müsste so aussehen:

    Code:
    <a href="#" onclick="opener.document.getElementById('post_editor_text').value = opener.document.getElementById('post_editor_text').value + ' Dies ist ein kleiner Test';">Bild w&auml;hlen</a>
    edit: Ich empfehle dir für derartige Dinge übrigens das FF-Addon "FireBug" ;)
     
    1 Person gefällt das.
  7. gemini
    gemini Wandelnde HDD
    Themenstarter
    Registriert seit:
    26. Juli 2007
    Beiträge:
    7.013
    Zustimmungen:
    516
    1. SysProfile:
    33171
    2. SysProfile:
    143510

    Super, funktioniert genauso wie ich es mir vorgestellt hatte!

    Habt beide ein R+ bekommen ;)
     
Thema:

Javascript - von Popup auf Textarea in Hauptfenster zugreifen

  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden