formulardaten an externe seite in lightbox?

**steff** · 04.11.2010, 11:02

hallo leute,

ich habe ein post-formular mit einer login-maske - action ist eine externe seite, die diese daten validiert und einloggt.

PHP-Code:


<form action="http://www.externes-login.com" method="post">

gibt es eine möglichkeit, dass sich nach submit eine lightbox mit der gewünschten seite öffnet und die daten an die seite in der lightbox übergeben werden?

ich hab versucht das formular per

PHP-Code:


<a href="document.getElementById(formular).submit()" rel="lightbox [external 800 600]">send</a>

zu senden - ohne erfolg.
danke vielmals

**roli** · 05.11.2010, 21:22

Hi,
ich bin auch gerade am selben Problem dran, jedoch noch keine Lösung-versuche das ganze mit fancybox.

Habe alles auf dieser Seite durchprobiert, aber ohne Erfolg, das Beispiel mit dem grünen Häkchen, macht zumindest die fancybox auf, nur die URL vom Formular wird nicht geladen -stattdessen erhalte ich die Fehlermeldung in der lightbox "The requested content cannot be loaded. Please try again later."

Hier mein Test-HTML:

HTML-Code:

<head> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head> 
<script type="text/javascript" src="jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="jquery.form.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.2.css" media="screen" />
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.2.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#myForm").ajaxForm({
        success: function(responseText){
            $.fancybox({
                'content' : responseText
            });
        }
    }); 
});
</script>
</head> 
<body>
<form action="formular.php" method="post" id="myForm">
  <input name="" value="" type="text">
  <input name="weiter" type="submit">
</form>
    </body>
</html>

Wäre auch für jeden Tipp dankbar, wie ich so ein formular über einen Submit Button in einen Iframe der Fancybox bekomme.

hier ist eine Beispielseite zur fancybox - das Iframe beispiel wäre genau das was ich bräucht nur eben über einen Submit button zur Validierung eines Formulars

**webcreate** · 08.11.2010, 08:51

Der Weg von roli ist schon ok und die Daten werden auch übergeben.
Ggf. liegt das Problem auch in der "formular.php", ich weiß ja nicht, was dort passieren soll.
Sinnig wäre es natürlich, wenn das input auch einen Namen hätte ...
ein einfaches

PHP-Code:


echo '<pre>';
print_r($_POST);
echo '</pre>';

in der formular.php würde halt zeigen, dass die Daten via POST ankommen.

**roli** · 08.11.2010, 13:31

@webcreate: Danke für deine Rückmeldung, ich werde nochmals versuchen das was passieren soll genauer zu beschreiben:

Ich habe zwei Formulare die aus einem professionellen Emailing System kommen und auf einer Webseite eingebunden werden.
Das 1. Formular ist ein kurzes mit nur email-Adresse und Submit Button, wo es darum geht ein Kursprogramm per email anzufordern.
Bei Klick auf Submit öffnete sich bisher ein Popup mit dem zweiten Formular, wo dann eben die email-Adresse validiert wird und dann gibt es dort noch die Felder Name, Vorname und Anrede.

Jetzt soll sich das 2. Formular nicht mehr in einem Popup öffnen, sondern in einer Lightbox. Da ich mit der Fancybox bisher gearbeitet habe, war dies der Versuch es damit zu lösen, aber so wie oben dargestellt, kommt immer die Fehlermeldung.

Im Formular aus dem Emailing System kann ich leider keinen PHP Code ausführen, deshalb deinen Vorschlag $_POST abzufragen nicht durchführen

Im Prinzip geht es darum von Formular 1 die email-Adresse an Formular 2 zu übergeben und von dort den Ameldeprozess in der Lightbox abzuschließen. Die Formulare selbst werden vom emailing System dynamisch erstellt.

Wäre für jeden weiteren Tipp dankbar.

**threadi** · 09.11.2010, 19:10

Die Lightbox im Original kann nur Bilder darstellen. Folglich wird der Versuch scheitern es sei denn Du lässt eine Grafik als Ergebnis anzeigen.

Was Du willst ist aber nicht so einfach machbar wie oben im Code geschrieben. Ich würde dir empfehlen mal die Greybox anzuschauen. Dort kannst Du nahezu beliebigen Content in einem Flyout über der Seite ausgeben. Die Greybox kannst Du dann per JavaScript starten. Ebenfalls per JavaScript müsstest Du die Formulardaten abschicken. Das geht mittels AJAX am besten.

**roli** · 09.11.2010, 20:50

So, ich habs jetzt hinbekommen, hier der Code für die Fancybox. Es funktioniert auf ähnliche Weise auch mit der Shadowbox und der Colorbox - alle drei getestet.

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title></title>

        <script type="text/javascript" src="jquery-1.4.3.min.js"></script> 
        <link rel="stylesheet" type="text/css" href="jquery.fancybox-1.3.2.css" media="screen" /> 
        <script type="text/javascript" src="jquery.fancybox-1.3.2.pack.js"></script></script>
<script type="text/javascript">
$(document).ready(function() {
 $("#myForm").submit(function () {  
 var url = $(this).attr("action") + "&form_EMAIL=" + $("#form_EMAIL").val(); 
    $.fancybox({
		'href'        : url,
		'width'				: '75%',
		'height'			: '75%',
		'type'				: 'iframe'
    });
 return false;
  });
});
</script>
</head> 
<body>
<form id="myForm" action="http://www.domain.tld/formular2.php="post">
            
            <label for="form_EMAIL">E-Mail</label><input type="text" name="form_EMAIL" id="form_EMAIL" value="" />

            <input type="submit" title="Absenden" name="submit" value=""/>
        </form>

    </body>
</html>

Die in diesem Formular eingegebene Emailadresse wird als Parameter an die "action" URL angehängt, welche ich mir dann in das formular2 hole und gemeinsam mit den anderen Felder dort validiere.

zur Startseite vom TP

Thema: formulardaten an externe seite in lightbox?

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

formulardaten an externe seite in lightbox?

Aktive Benutzer

Aktive Benutzer

Ähnliche Themen

eine externe seite in einen bereich der seite einbinden

Div/Externe Seite?

Formulardaten auf die nächste Seite bringen

Wie kann ich eine externe Seite in meine Seite integrieren!

Formulardaten verarbeiten und danach an neue Seite übergeben

Aktive Benutzer

Aktive Benutzer

Berechtigungen