Commit cc23d732abd1ca080ef6cc00578330be465ab132
1 parent
365ed89a
make login and signup div draggable and cast shadows
Showing
3 changed files
with
22 additions
and
2 deletions
| @@ -5,20 +5,22 @@ | @@ -5,20 +5,22 @@ | ||
| 5 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | 5 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
| 6 | <head> | 6 | <head> |
| 7 | <title>Taskrambler</title> | 7 | <title>Taskrambler</title> |
| 8 | + <link rel="stylesheet" type="text/css" href="/style/jquery-ui.css"> | ||
| 8 | <link rel="stylesheet" type="text/css" href="/style/common.css"> | 9 | <link rel="stylesheet" type="text/css" href="/style/common.css"> |
| 9 | <link rel="stylesheet" type="text/css" href="/style/taskrambler.css"> | 10 | <link rel="stylesheet" type="text/css" href="/style/taskrambler.css"> |
| 10 | <link rel="shortcut icon" href="/favicon.ico?v=2" /> | 11 | <link rel="shortcut icon" href="/favicon.ico?v=2" /> |
| 11 | <script type="text/javascript" src="/js/jquery.js"></script> | 12 | <script type="text/javascript" src="/js/jquery.js"></script> |
| 13 | + <script type="text/javascript" src="/js/jquery-ui.js"></script> | ||
| 12 | <script type="text/javascript" src="/js/serverval.js"></script> | 14 | <script type="text/javascript" src="/js/serverval.js"></script> |
| 13 | <script type="text/javascript" src="/js/session.js"></script> | 15 | <script type="text/javascript" src="/js/session.js"></script> |
| 14 | <script type="text/javascript" src="/js/init.js"></script> | 16 | <script type="text/javascript" src="/js/init.js"></script> |
| 15 | </head> | 17 | </head> |
| 16 | 18 | ||
| 17 | <body> | 19 | <body> |
| 18 | - <div id="login" class="hide"> | 20 | + <div id="login" class="ui-widget-content hide"> |
| 19 | </div> | 21 | </div> |
| 20 | 22 | ||
| 21 | - <div id="signup" class="hide"> | 23 | + <div id="signup" class="ui-widget-content hide"> |
| 22 | </div> | 24 | </div> |
| 23 | 25 | ||
| 24 | <div id="page"> | 26 | <div id="page"> |
| @@ -62,6 +62,10 @@ $(document).ready(function() { | @@ -62,6 +62,10 @@ $(document).ready(function() { | ||
| 62 | }); | 62 | }); |
| 63 | 63 | ||
| 64 | $("#login").load("/_login.html", function (){ | 64 | $("#login").load("/_login.html", function (){ |
| 65 | + $(function() { | ||
| 66 | + $( "#login" ).draggable(); | ||
| 67 | + }); | ||
| 68 | + | ||
| 65 | $("#login form").submit(function(event) { | 69 | $("#login form").submit(function(event) { |
| 66 | event.preventDefault(); | 70 | event.preventDefault(); |
| 67 | $.post("/authenticate/", | 71 | $.post("/authenticate/", |
| @@ -73,6 +77,10 @@ $(document).ready(function() { | @@ -73,6 +77,10 @@ $(document).ready(function() { | ||
| 73 | }); | 77 | }); |
| 74 | 78 | ||
| 75 | $("#signup").load("/_signup.html", function (){ | 79 | $("#signup").load("/_signup.html", function (){ |
| 80 | + $(function() { | ||
| 81 | + $( "#signup" ).draggable(); | ||
| 82 | + }); | ||
| 83 | + | ||
| 76 | $("#signup form").submit(function(event) { | 84 | $("#signup form").submit(function(event) { |
| 77 | event.preventDefault(); | 85 | event.preventDefault(); |
| 78 | $.post("/signup/", | 86 | $.post("/signup/", |
| @@ -96,6 +104,7 @@ $(document).ready(function() { | @@ -96,6 +104,7 @@ $(document).ready(function() { | ||
| 96 | $("#randval").click(function() { | 104 | $("#randval").click(function() { |
| 97 | sval.stop(); | 105 | sval.stop(); |
| 98 | }); | 106 | }); |
| 107 | + | ||
| 99 | }); | 108 | }); |
| 100 | 109 | ||
| 101 | // vim: set ts=4 sw=4: | 110 | // vim: set ts=4 sw=4: |
| 1 | div#randval { | 1 | div#randval { |
| 2 | + -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5); | ||
| 3 | + -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5); | ||
| 4 | + box-shadow: 0 4px 8px rgba(0,0,0,0.5); | ||
| 2 | left: 200px; | 5 | left: 200px; |
| 3 | top: 100px; | 6 | top: 100px; |
| 4 | padding: 10px; | 7 | padding: 10px; |
| @@ -10,6 +13,9 @@ div#randval { | @@ -10,6 +13,9 @@ div#randval { | ||
| 10 | } | 13 | } |
| 11 | 14 | ||
| 12 | div#signup { | 15 | div#signup { |
| 16 | + -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5); | ||
| 17 | + -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5); | ||
| 18 | + box-shadow: 0 4px 8px rgba(0,0,0,0.5); | ||
| 13 | padding: 5px; | 19 | padding: 5px; |
| 14 | top: 20px; | 20 | top: 20px; |
| 15 | left: 20px; | 21 | left: 20px; |
| @@ -21,6 +27,9 @@ div#signup { | @@ -21,6 +27,9 @@ div#signup { | ||
| 21 | } | 27 | } |
| 22 | 28 | ||
| 23 | div#login { | 29 | div#login { |
| 30 | + -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5); | ||
| 31 | + -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5); | ||
| 32 | + box-shadow: 0 4px 8px rgba(0,0,0,0.5); | ||
| 24 | padding: 5px; | 33 | padding: 5px; |
| 25 | top: 20px; | 34 | top: 20px; |
| 26 | left: 20px; | 35 | left: 20px; |
Please
register
or
login
to post a comment