Form mit modalem Dialog absenden?

Lotus · 26 Mai 2011

Funktioniert scheinbar doch... andere Frage:
Wie kann man trotz der Eigenschaft disabled="disabled" die infos mitsenden?

---------

Hallo,

folgendes Szenario:
Ich habe eine Form mit 2 Feldern:
Vorname, Nachname

Jetzt soll man einen Button anklicken können und dann kommt über JS (jquery) ein modales Dialog und dort soll noch ein Feld sein (Passwort).
Wenn man dann auf OK klickt, oder Enter drückt, soll das gesamte Formular, also alle 3 Sachen per Post gesendet werden. Es klappt aber einfach nicht. Hier der Code:

PHP:

<html>
<head>
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
    <style>
    .modal {
        background-color:#fff;
        display:none;
        width:350px;
        padding:15px;
        text-align:left;
        border:2px solid #333;
    
        opacity:0.8;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        -moz-box-shadow: 0 0 50px #ccc;
        -webkit-box-shadow: 0 0 50px #ccc;
    }
    
    .modal h2 {
        background:url(/img/global/info.png) 0 50% no-repeat;
        margin:0px;
        padding:10px 0 10px 45px;
        border-bottom:1px solid #333;
        font-size:20px;
    }
    </style>
</head>
<body>
<form id="editForm" action="doIt" method="post">
   <fieldset>
<input type="text" name="vorname" />
<input type="text" name="nachname" />

<div class="modal" id="pw">
<input type="password" name="password" />
<button type="submit">Bestätigen</button>
</div>
</fieldset>
</form>
<script>
var triggers = $(".modalInput").overlay({

    // some mask tweaks suitable for modal dialogs
    mask: {
        color: '#ebecff',
        loadSpeed: 200,
        opacity: 0.9
    }
});
</script>
</body>
</html>

Könnt ihr mir helfen wie man das umsetzen kann?

Form mit modalem Dialog absenden?

Lotus

Mitglied

Neueste Beiträge