Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

Grabbing the register pop-up. #4

Merged
merged 1 commit into from

1 participant

@flyswatter
Owner

yeeeaaaaaaaa

Dan Finlay i add a sign up form
yeeeaaaaaaaa
0511714
@flyswatter flyswatter merged commit b3f5546 into flyswatter:master
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Nov 1, 2012
  1. i add a sign up form

    Dan Finlay authored
    yeeeaaaaaaaa
This page is out of date. Refresh to see the latest.
Showing with 45 additions and 22 deletions.
  1. +18 −2 index.html
  2. +26 −20 index.js
  3. +1 −0  style.css
View
20 index.html
@@ -6,13 +6,29 @@
<h3>Log In</h3>
<form id="loginForm">
<input type="text" placeholder="username"></input>
- <input type="secure" placeholder="password"></input>
+ <input type="password" placeholder="password"></input>
<input type="submit" class="button"></input>
- <a href='#'><div class="button" id="cancel">Cancel</div></a>
+ <a href='#'><div class="button cancel">Cancel</div></a>
<em><a id="forgot" href="#">Forgot Password?</a></em>
</form>
</div>
+
+
+
<!--End login box.-->
+<div class="popUp" id="signupPopUp">
+ <h3>Sign Up</h3>
+ <form id="signupForm">
+ <input type="email" placeholder="email"></input>
+ <input type="text" placeholder="preferred username"></input>
+ <input type="password" placeholder="password"></input>
+ <input type="password" placeholder="re-type password"></input>
+ <input type="submit" class="button"></input>
+ <a href='#'><div class="button cancel">Cancel</div></a>
+ </form>
+ </div>
+
+
<div class="topmenu">
<span class="login button">log in </span>
View
46 index.js
@@ -1,21 +1,27 @@
-$('.bigList>li').click(function(event){
- console.log("The attr is "+ $(this).next().css("display"));
- if ($(this).next().css("display")==="none"){
- $(this).next().show();
- }else{
- $(this).next().hide();
- }
-});
-
-//Below this line are the functions that make the login box work:
-$('.login').click(function(event){
- console.log("Login clicked.");
- event.preventDefault();
- $('#loginPopUp').show(300);
-})
-
-$('#cancel').click(function(event){
- event.preventDefault();
- console.log("Cancel Clicked.");
- $('.popUp').hide(300);
+$('.bigList>li').click(function(event){
+ console.log("The attr is "+ $(this).next().css("display"));
+ if ($(this).next().css("display")==="none"){
+ $(this).next().show();
+ }else{
+ $(this).next().hide();
+ }
+});
+
+//Below this line are the functions that make the login box work:
+$('.login').click(function(event){
+ console.log("Login clicked.");
+ event.preventDefault();
+ $('#loginPopUp').show(300);
+})
+
+$('.cancel').click(function(event){
+ event.preventDefault();
+ console.log("Cancel Clicked.");
+ $('.popUp').hide(300);
+})
+
+$('.signup').click(function(event){
+ console.log("signup.");
+ event.preventDefault();
+ $('#signupPopUp').show(300);
})
View
1  style.css
@@ -142,6 +142,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcff68', end
padding:10px;
display:none;
}
+.popUp input{font-size:75% }
#forgot{
font-size: 24px;
}
Something went wrong with that request. Please try again.