Formular in Shadowbox abschicken

DiDiJo

Erfahrenes Mitglied
Hey Leute ...

ich bastel gerade an einem Schnell-Suchmodul für eine Immobilien-Homepage.

Dort soll man auswählen können ob man Häuser oder Wohnungen (etc) zum Kauf oder Miete sucht und natürlich Wo man suchen möchte.

hier die Beispielseite:
http://www.bender-immobilien.de/index_dev.php (rechts in der Spalte)

Das funktioniert auch soweit super. Nun möchte der Kunde, dass man alternativ zur Eingabe von PLZ und Ort auf eine Karte klickt, die sich in einer Shadowbox öffnet. Dort soll man auf eine Region klicken können um die Suche FORTZUSETZEN.

Man wählt also ne Objektart aus und anstatt auf einen Knopf zu drücken wird eine Shadowbox geöffnet wo man die Suche fortsetzen kann. Wählt man nun in der Shadowbox einen Ort aus wird sofort die Suchergebnisseite aufgerufen (ohne vorher die Shadowbox zu schließen etc.).

Nun hab ich mir folgendes HTML-Konstrukt ausgedacht:
HTML:
<div class="schnellsuche">
    <form action="/content/searchobjects.php" method="get" name="quick_search_form" id="quick_search_form">
        <div class="blockHeadline">Was suchen Sie ?</div>
        <strong>Kaufen</strong>
        <table width="100%" cellpadding="3" cellspacing="0" border="0" >
            <tr>
                <td><input type="radio" name="objektart" value="WOHNUNG" onClick="changeVermarktungsart('KAUF')"/>Wohnung</td>
                <td><input type="radio" name="objektart" value="GRUNDSTUECK" onClick="changeVermarktungsart('KAUF')"/>Grundst&uuml;ck</td>
            </tr>
            <tr>
                <td><input type="radio" name="objektart" value="HAUS" onClick="changeVermarktungsart('KAUF')"/>Haus</td>
                <td><input type="radio" name="objektart" value="GEWERBE" onClick="changeVermarktungsart('KAUF')"/>Gewerbe</td>
            </tr>	
        </table>
        <hr class="search_spacer">
        <strong>Miete</strong>
        <table width="100%" cellpadding="3" cellspacing="0" border="0" >
            <tr>
                <td><input type="radio" name="objektart" value="WOHNUNG" onClick="changeVermarktungsart('MIETE_PACHT')"/>Wohnung</td>
                <td><input type="radio" name="objektart" value="GRUNDSTUECK" onClick="changeVermarktungsart('MIETE_PACHT')"/>Grundst&uuml;ck</td>
            </tr>
            <tr>
                <td><input type="radio" name="objektart" value="HAUS" onClick="changeVermarktungsart('MIETE_PACHT')"/>Haus</td>
                <td><input type="radio" name="objektart" value="GEWERBE" onClick="changeVermarktungsart('MIETE_PACHT')"/>Gewerbe</td>
            </tr>	
        </table>
        <hr class="search_spacer">
        <strong>Kapitalanlagen</strong>
        <table width="100%" cellpadding="3" cellspacing="0" border="0" >
            <tr>
                <td colspan="2"><input type="radio" name="objektart"  value="ZINSHAUS_RENDITEOBJEKT" onClick="changeVermarktungsart('')"/>Mehrfam.-/Renditeobjekt</td>
            </tr>	
        </table>
        
        <div class="blockHeadline">Wo suchen Sie ?</div>
        <input type="text" name="plz" value="PLZ" size="5"/>&nbsp;<input type="text" name="ort" value="Ort" size="13"/><br/>
        <input type="submit" name="submit" value="Suchen"/>
        
        <br/><br/>
        
        <strong>Alternative Kartensuche</strong>
        <!--<input type="image" alt="Kartensuche" src="../pics/karte.jpg" onclick="" />-->
        <a href="javascript:submitCardSearchForm('quick_search_form','/gruene_karte_dev.php')"><img src="http://www.tutorials.de/forum/pics/karte.jpg" alt="Kartensuche" border="0" /></a>
        
        
        <input type="hidden" name="vermarktungsart" id="vermarktungsart_quicksearch" value="" />
        <input type="hidden" name="action"  value="search" />
    </form>
</div>

die submitFunktion sieht (jetzt gerade noch) so aus:
Code:
function submitCardSearchForm(form_name,new_action) {

form = document.getElementById(form_name);

form.action = new_action;
form.submit();

var s = window.parent.Shadowbox;
	s.open({
	player:     'iframe',
	content:    '/gruene_karte_dev.php',
	width:      720,
	height:     650
	});
}

Allerdings kriege ich immer den Fehler, dass submit() keine gültige Funktion ist ...

hat sonst noch wer ne Idee wie ich sonst die Daten aus dem Formular an die Shadowbox übergeben kriege ?

mfg DiDi
 
Zuletzt bearbeitet:
moin Sven,

das mit dem Submitbutton hat schonmal funktioniert (da hät ich auch noch ewigkeiten weitersuchen können).

wie krieg ich es aber nun hin, dass diese gruene_karte_dev.php nicht so im browser geöffnet wird, sondern in einer shadowbox.

ich will quasi das formular an einen shadowbox-iframe schicken (so dass ich in dem iframe an die request variablen komme) ....
 
Zuletzt bearbeitet:
Der Name des iFrames, welches die Shadowbox erzeugt, ist sb-content....diesen musst du beim Formular als target angeben.

Beim Senden des Formulars musst du:
1.die Shadowbox öffnen
2.den Sendevorgang abbrechen

sobald die Shadowbox offen ist(onFinish) kannst du das Formular ber submit() senden.
 

Neue Beiträge

Zurück