diedVIPs

html knowhow

Login mit Bestätigung










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>








Kontakt    Datenschutz   Impressum