Login mit Bestätigung |
|
Das Loginscript wählt Sie bei Eingabe von Username und Passwort auf die
Indexseite von htmlknowhow.de ein. Bitte beachten Sie bei der Eingabe
unbedingt auf Groß- und Kleinschreibung. Es ist nicht in der Lage Username und Passwort zu ändern oder abzuspeichern. Es zeigt Ihnen aber an, daß Sie sich erfolgreich eingeloggt haben. | So sieht´s aus |
| Quellcode |
|
<html> <head> <style type="text/css"> input[type=button] {font-size: 1.3em; background: linear-gradient(#ffbc00 5%, #ffdd7f 100%); border: 1px solid #e5a900; color: #4E4D4B; font-weight: bold; cursor: pointer; width: 100%; border-radius: 10px; outline:none;} input[type=button]:hover {background: linear-gradient(#ffdd7f 5%, #ffbc00 100%);} </style> </head> <body> <input type="button" value="Bitte einloggen" onclick="display_login_form_good()" class="auto-style31"/> <iframe src="javascript:''" name="dummy" style="display: none"></iframe> <form action="" method="post" target="dummy"><div id="login"></div></form> <div id="dont_forget" style="display: none"> <form action="" method="post"> <input type="text" name="email" id="email"/> <input type="password" name="password" id="password"/> <input type="submit" value="Login" id="dummy_submit"/> </form> </div></td></tr> </table><br/> <button onclick="addGeneratedForms()">Anmelden</button> <script type="text/javascript"> function addGeneratedForms(){ var div = document.createElement('div'); div.innerHTML = '<form class="login" method="post" action="login">\ <input type="text" name="hans">\ <input type="password" name="lmaa">\ <button type="submit">login</button> Bleiben Sie auf der Seite but update the url with pushState\ </form>'; document.body.appendChild(div);} document.body.addEventListener('submit', function ajax(e){ e.preventDefault(); setTimeout(function(){ e.target.parentNode.removeChild(e.target); // Or alternatively just hide the form: e.target.style.display = 'none'; history.replaceState({success:true}, 'title', "../index.php"); }, 1); }, false); </script> </body> </html> |