Ich bau mir grade eine Login Box und komme da jetzt aber nicht mehr weiter.
Das ist mein Projekt: meine LoginBox
Mein Problem ist das wenn ich F5 Drücke dann geht die box zu aber ich möchte das sie geöffnet bleibt und wenn ich dann wieder auf Login here Click sie zugeht.
Könnt ihr mir da bitte Helfen?
Das ist meine index.htm
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{TITLE}</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.js"></script>
</head>
<body>
<div class="container">
<div class="login_container">
<p>Login here</p>
</div>
<div class="login_extended">
<form>
Name: <input type="text" name="name" /> <br />
Passwort: <input type="password" name="password" /> <br />
<input type="submit" value="submit" />
</form>
</div>
</div>
<script type="text/javascript">
$(".login_container").click(function() {
$(this).next().slideToggle(400);
},
function() {
$(this).next().slideToggle(400);
});
</script>
</body>
</html>
Das ist meine style.css
body, p {
margin: 0px;
padding: 0px;
}
.container {
width: 510px;
height: 210px;
margin: 0 auto;
padding: 0px;
}
.login_container {
margin: 0 auto;
width: 100px;
height: 25px;
line-height: 25px;
text-align: center;
cursor: pointer;
background-color: #808080;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
}
.login_container p {
color: #fff;
text-shadow: -1px 2px 3px #000;
}
.login_extended {
padding: 25px;
width: 500px;
height: auto;
display: none;
background-color: #ccc;
margin: 0 auto;
}
MFG
ZwiebelDip
betroffene Homepage: rs001057.fastrootserver.de/loginbox/
