form action in ibox terecht laten komen

Status
Niet open voor verdere reacties.
B

Bertus Bolknak

Gebruiker
Lid geworden
14 nov 2009
Berichten
51
Is het mogelijk om het resultaat van een ingevuld html form in een zgn. "ibox" of "lightbox" te krijgen? Met een a href tag lukt dat wel., maar hoe zit dat met een form action? Ik heb al geprobeerd bijvoorbeeld <form action="verwerken_01.php" method="post" name="bestelformulier" rel="ibox"> maar dat werkt niet.

Achtergrond info: als ik het resultaat van het form in één en dezelfde browser window laat komen en iemand klikt op de back button (om een eventuele invulfout te herstellen) dan is het formulier weer helemaal leeg. Een nieuwe target _blank vind ik niet zo "strak", vandaar mijn idee om het in een "ibox" te laten weergeven met een close knopje, zodat wanneer iemand daarop klikt de ibox zich sluit en de reeds ingevulde velden van de oorspronkelijke window behouden blijven.

Hopelijk kan iemand mij hiermee helpen. Of tips geven.

Bij voorbaat dank en met vriendelijke groeten, Bert.
 
met (jquery) ajax kan je dat form posten en het resultaat vanuit een parent pagina in een iframe of window.open() zetten.
 
Hallo rajmv, bedankt voor je reactie, heb je daar toevallig voorbeeld code van?

Groeten Bert.
 
sure, hier voor een login form;

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="/code/libraries/jquery-ui-1.8.13/js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script type="text/javascript"><!--
$(function() {
    $("#submit").click(function() {
        var name = $("#naam").val();
        var wachtwoord = $("#ww").val();
        var sbmit = $("#submit").val();
        $.ajax({
            type: "POST",
            url: "postForm.php",
            data: 'naam='+name+'&ww='+wachtwoord+'&submit='+sbmit,
            success: function(html) {
				 var win = window.open ('formOutputWindow.php');
				 win.onload = function () {
                var d = win.document.getElementById ('output');
					 d.innerHTML = html;
				}
            }
        });
        return false;
    });
});
-->
</script>
</head>
 
<body onload="">
	<div id="lgin">
    <h2>Login</h2>
    <div class="title_back">
    <form action="" method="post">
        <table width="100%">
            <tr>
                <td>Gebruikersnaam:</td>
                <td><input type="text" name="naam" id="naam" /></td>
            </tr>
            <tr>
                <td>Wachtwoord:</td>
                <td><input type="password" naam="ww" id="ww" /></td>
            </tr>
            <tr>
                <td colspan="2"> <input type="submit" name="submit" id="submit" class="submit" value="Login"/></td>
            </tr>
        </table>
    </form>
    </div>
	</div>
	
</div>
</body>
</html>

formOutputWindow.php:
Code: 
<html>
<head>
</head>
<body>
  <div id="output"> </div>
</body>
</html>

postForm.php:
Code: 
<?php
if ($_POST['ww'=='secret') {
  echo 'Logged in';
} else {
  echo 'Failed to log in';
}
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan