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. 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.
  3. 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.
     
  4. 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>
     
  5. 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.
  6. 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

Die Seite wird geladen...

Javascript - von Popup auf Textarea in Hauptfenster zugreifen - Similar Threads - Javascript Popup Textarea

Forum Datum

My english is poor. Javascript help

My english is poor. Javascript help: Problem mit Javascript. Nachricht zu den Einstellungen. Hilfe! My english is poor :).
freie Fragen 24. April 2019

Google Fuchsia: JavaScript-Support in Arbeit – Entwickler gesucht

Google Fuchsia: JavaScript-Support in Arbeit – Entwickler gesucht: Google Fuchsia: JavaScript-Support in Arbeit – Entwickler gesucht Erst im Januar dieses Jahres kamen Informationen auf, dass das Betriebssystem in der Lage sein wird, Android-Apps auszuführen....
User-Neuigkeiten 24. März 2019

Für die Sicherheit: Google erfordert künftig aktiviertes JavaScript beim Login

Für die Sicherheit: Google erfordert künftig aktiviertes JavaScript beim Login: Für die Sicherheit: Google erfordert künftig aktiviertes JavaScript beim Login Beim Login-Vorgang, also nach Eingabe der korrekten Login-Informationen, will Google prüfen, ob das wirklich ein...
User-Neuigkeiten 1. November 2018

Gmail: Ab 13. Februar kein Versand von Javascript-Dateien mehr möglich

Gmail: Ab 13. Februar kein Versand von Javascript-Dateien mehr möglich: Gmail: Ab 13. Februar kein Versand von Javascript-Dateien mehr möglich Bestimmte Dateitypen sind vom Versand via Gmail ausgeschlossen, darunter .exe, .msc und .bat. Das ist schlicht ein...
User-Neuigkeiten 26. Januar 2017

Good guy Tumblr: Live Photos überall realisierbar dank eigener JavaScript-Library Laphs...

Good guy Tumblr: Live Photos überall realisierbar dank eigener JavaScript-Library Laphs...: Good guy Tumblr: Live Photos überall realisierbar dank eigener JavaScript-Library Laphs (Android-Version geplant) Hierbei wird ein Bild mit einem kurzen Video vermengt gespeichert. Drückt der...
User-Neuigkeiten 21. September 2016

Javascript Datei aufspüren? Welche Datei ist für Ausführung verantwortlich

Javascript Datei aufspüren? Welche Datei ist für Ausführung verantwortlich: Hallo Leute, auf meiner aktuellen Website habe ich das Problem, dass bei einem mousover JavaScript Event ein Bild über ein <a>-Tag gelegt wird. Da das ein Wordpress Theme ist, weiß ich nun nicht,...
Webmaster Support, Scripts, etc 7. Mai 2016

Javascript bei den Bildern funktioniert nicht mehr wenn ...

Javascript bei den Bildern funktioniert nicht mehr wenn ...: Moin Moin, Wenn man die HD Galerie aktiviert hat, funktioniert das Script für die Bilder Vorschau/Vergrößerung in der Bilder Sektion der Profile nicht mehr. Ist die HD Galerie Funktion...
News & Bugs zu SysProfile 6. Februar 2012

JavaScript Tutorial

JavaScript Tutorial: Tag, ich weiss, dass das hier nicht ein Programmier-Forum, aber ich frage trozdem. Ich brauch n'JavaScript Tutorial. Klar habe ich im Internet nachgeschaut und auch was gefunden, aber...
freie Fragen 13. Dezember 2011

Javascript - "Popup"-Menü

Javascript - "Popup"-Menü: Ich wollte ein Menü erstellen, ähnlich wie hier im Forum ganz oben bei den Punkten "Community" und "Nützliche Links", jedoch finde ich nichts passendes im Internet. Das ganze soll eigentlich...
Webmaster Support, Scripts, etc 9. Juli 2011

javascript computer ausschalten?

javascript computer ausschalten?: javascript computer ausschalten? ist es irgendwie mit javascript möglich das wenn man auf den html button klickt das per javascript der pc heruntergefahren wird? wie ist der code?
Computerfragen 9. Juni 2011

javascript automatischer antworter

javascript automatischer antworter: javascript automatischer antworter ich hab gehört man kann einen automatischen antworter mit javascript erstellen. das meine ich so: Nehmen wir an man ist grad auf schülervz eingeloggt und...
Computerfragen 3. Juni 2011

javascript browser chat fenster abfragen

javascript browser chat fenster abfragen: javascript browser chat fenster abfragen also wie funktioniert es das man macht das: wenn z.b in schülervz in dem chat einer "hi" geschrieben hat erkennt das script das sofort und zeigt ein...
Computerfragen 3. Juni 2011

wie kann ich javascript lernen?

wie kann ich javascript lernen?: wie kann ich javascript lernen? Hallo! Ich (15) Liebe es zu Programme zu erstellen mit einfachen programmierhilfen, wie zum Beispiel Gamemaker und Scrach. Nun möchte ich mehr, und möchte...
Computerfragen 30. Mai 2011
Javascript - von Popup auf Textarea in Hauptfenster zugreifen solved
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden