Mit JS Formular im PopUp steuern.

von **MC Kad** am 24.03.2008, 16:03

Hi,

ich suche ein Script womit ich ein Formular das in einem PopUp ist von einem anderem PopUp (das vom ersten geladen wurden ist) das Forular abschickt.

Ich weiss leider nur nicht wie ich das Furmular im anderem Fenster ansteuer.

PopUp1 heisst "Wizard" und PopUp2 "Convert".
Den Button den ich ansteuern will ist in Wizard und heisst "re".
Das Formular heisst "insert_form".

Bitte helft mir.

von **Ingo** am 24.03.2008, 18:52

Hi.

Verstehe ich das richtig: Popup1 ('Wizard') ist zuerst da und enhält einen Button "re". Popup2 ('Convert')
wird von Popup1 gestartet und enthält ein Formular, das nun mit dem Button 're' abgeschickt werden soll -
das nenne ich mal eine Kontruktion ;o)

Wenn du dem Formular die id="meinFormular" gibst, könnte folgender Link als Absende-'Button' klappen:

Code: Alles auswählen: <a href="javascript:self.document.getElementById('meinFormular').submit()" target="Convert">re</a>

"target" gibt an, wo das Linkziel (hier eine JavaScript-Anweisung) ausgeführt werden soll, nämlich im
Formularfenster "Convert", das wir dann dort mit 'self' ansprechen. - Der Link kann eigentllich überall
stehen, auch im Hauptfenster.

Alternativ könnte man statt Popups auch Divs verwenden, die man ein- und ausblendet. Deren Inhalte sind
leichter zu erreichen als der eines Popup-Fensters.

Gruß, Ingo

von **MC Kad** am 24.03.2008, 20:26

Danke für deine Antwort.

Verstehe ich das richtig: Popup1 ('Wizard') ist zuerst da und enhält einen Button "re". Popup2 ('Convert')
wird von Popup1 gestartet und enthält ein Formular, das nun mit dem Button 're' abgeschickt werden soll -
das nenne ich mal eine Kontruktion ;o)

nicht ganz, "Wizard" enthält das Formular und öffnet wie gesagt Popup2 (Convert), Convert fürt dann ein PHP script aus uns soll nach beendiegung bei Wizard ein Fomular abschicken, als submit-Button habe ich ein "input" mit dem type "image" da ich gerne eine eigene Grafik verwenden möchte.
Dein Script hat bei mir (habs nur im FireFox getestet) nicht Funktioniert.
Kann es daran liegen das es unter FF nicht klappt, ich keine richtiegen Submit-Buttons benutze oder ich es einfach falsch gemacht habe?

von **Ingo** am 24.03.2008, 21:29

Hi.

Aaach so, hm; ich habe vorerst mal folgendes ausprobiert (jeweils nur der <body> eines XHTML 1.0 Trans.):

Datei testlaunch.html:

Code: Alles auswählen: <body> Hauptfenster: <button type="button" onClick="window.open('testform.html','Wizard','width=600px, height=200px, location=yes')"> Öffne Wizard </button> </body>

Datei testform.html:

Code: Alles auswählen: <body> Fenster "Wizard" mit Formular (id="test"):<br /> <form action="auswert.php" method="get" name="test" id="test"> <input type="text" size="20" name="sinnlos" value="Huhu" /> <input type="submit" value="los geht's" /> </form> <button type="button" onclick="window.open('testbutton.html','Convert','width=300px, height=200px;')"> Öffne Convert </button> </body>

Datei testbutton.html:

Code: Alles auswählen: <body> Fenster "Convert" mit Link statt Button - wir brauchen die "target"-Angabe: <br /> <a href="javascript:self.document.getElementById('test').submit()" target="Wizard">submit</a> </body>

Datei auswert.php:

Code: Alles auswählen: <php print_r($_GET) ?>

Ablauf: testlaunch.html starten, Button öffnet Fenster "Wizard" mit Formular (id="test"), Button
in "Wizard" öffnet Fenster "Convert" mit Link (den man natürlich auch mit Bild ausstatten kann...).
Der Link bewirkt, dass das Formular in "Wizard" abgeschickt wird. target und Formular-id
müssen natürlich stimmen, sonst geht nüscht. - Das läuft bei mir (XAMPP) im IE, FF und Opera.

Wie genau soll das submit ausgelöst werden? Unmittelbar durch die Antwort des PHP-Skripts oder soll
der Nutzer noch auf irgendeinen Button klicken? Da schwimme ich noch ...
Hoffentlich bin ich ungefähr in der Nähe des Problems gelandet :stapelschwein:

Gruß, Ingo

von **MC Kad** am 26.03.2008, 23:54

Danke, deine möglichkeit klappt Super! :thumbsup:

Mit JS Formular im PopUp steuern.

Mit JS Formular im PopUp steuern.

Re: Mit JS Formular im PopUp steuern.

Re: Mit JS Formular im PopUp steuern.

Re: Mit JS Formular im PopUp steuern.

Re: Mit JS Formular im PopUp steuern.

Wer ist online?