Advertisement
Guest User

Untitled

a guest
May 24th, 2018
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.29 KB | None | 0 0
  1. HTML: <!doctype html>
  2. <html>
  3. <head>
  4. <script type = "text/javascript" src = "jquery-3.2.1.min.js"></script>
  5. <script type="text/javascript" src = Forening.js></script>
  6. <link href="Forening.css" type = "text/css" rel = "stylesheet">
  7. </head>
  8. <body>
  9. <button id="NewMember" onclick="h()"> Ny medlem </button>
  10. <form id="frm1" action="/action_page.php">
  11. <input type="text" name="fnamn" placeholder="Fornamn"><br>
  12. <input type="text" name="enamn" placeholder="Efternamn"><br>
  13. <input type="text" name="adress" placeholder="Adress"><br>
  14. <input type="text" name="postnr" placeholder="Postnummer"><br>
  15. <input type="text" name="telefon" placeholder="Telefon"><br>
  16.  
  17. <input type="button" onclick="newMember()" value="Submit">
  18. </form>
  19. </body>
  20. </html
  21.  
  22. JS: var db ={medlem:[
  23. {fnamn:"Kalle"},
  24. {enamn:"Svensson"},
  25. {adress:"Storgatan 42"},
  26. {postnr:12345},{ort:"Storstad"},
  27. {telefon:"011-121212"}
  28. ],
  29. avgifter:[
  30. {medlem:1},
  31. {avgift:200},
  32. {datum:"2003-05-29"},
  33. {id:1}
  34. ]}
  35. f=function(){
  36. h = function(){
  37. $("#frm1").css("visibility","visible");
  38. }
  39. newMember = function(){
  40. db.medlem.push
  41. $("#frm1").css("visibility","hidden");
  42. }
  43.  
  44.  
  45. }
  46. $(document).ready(f);
  47. CSS:#frm1 {
  48. visibility: hidden;
  49. position: absolute;
  50. top: 50px;
  51.  
  52. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement