Browse Source

make login and signup div draggable and cast shadows

v0.1.8
Georg Hopp 12 years ago
parent
commit
cc23d732ab
  1. 6
      assets/html/layout.html
  2. 9
      assets/js/init.js
  3. 9
      assets/style/common.css

6
assets/html/layout.html

@ -5,20 +5,22 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Taskrambler</title>
<link rel="stylesheet" type="text/css" href="/style/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="/style/common.css">
<link rel="stylesheet" type="text/css" href="/style/taskrambler.css">
<link rel="shortcut icon" href="/favicon.ico?v=2" />
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery-ui.js"></script>
<script type="text/javascript" src="/js/serverval.js"></script>
<script type="text/javascript" src="/js/session.js"></script>
<script type="text/javascript" src="/js/init.js"></script>
</head>
<body>
<div id="login" class="hide">
<div id="login" class="ui-widget-content hide">
</div>
<div id="signup" class="hide">
<div id="signup" class="ui-widget-content hide">
</div>
<div id="page">

9
assets/js/init.js

@ -62,6 +62,10 @@ $(document).ready(function() {
});
$("#login").load("/_login.html", function (){
$(function() {
$( "#login" ).draggable();
});
$("#login form").submit(function(event) {
event.preventDefault();
$.post("/authenticate/",
@ -73,6 +77,10 @@ $(document).ready(function() {
});
$("#signup").load("/_signup.html", function (){
$(function() {
$( "#signup" ).draggable();
});
$("#signup form").submit(function(event) {
event.preventDefault();
$.post("/signup/",
@ -96,6 +104,7 @@ $(document).ready(function() {
$("#randval").click(function() {
sval.stop();
});
});
// vim: set ts=4 sw=4:

9
assets/style/common.css

@ -1,4 +1,7 @@
div#randval {
-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
box-shadow: 0 4px 8px rgba(0,0,0,0.5);
left: 200px;
top: 100px;
padding: 10px;
@ -10,6 +13,9 @@ div#randval {
}
div#signup {
-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
box-shadow: 0 4px 8px rgba(0,0,0,0.5);
padding: 5px;
top: 20px;
left: 20px;
@ -21,6 +27,9 @@ div#signup {
}
div#login {
-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
box-shadow: 0 4px 8px rgba(0,0,0,0.5);
padding: 5px;
top: 20px;
left: 20px;

Loading…
Cancel
Save