Advertisement
Guest User

Hier Funktioniert resourceCall nicht

a guest
Jun 3rd, 2018
125
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.94 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <link rel="stylesheet" href="Login_Register_GUI.css">
  7.  
  8. </head>
  9.  
  10. <body style="background-color:rgba(192,192,192,0.5);">
  11. <header><h1>Login/Register GUI</h1></header>
  12. <nav class="Tabs">
  13. <button class="tabButton" onclick="openTab('LoginTab')">Login</button>
  14. <button class="tabButton" onclick="openTab('RegisterTab')">Register</button>
  15.  
  16.  
  17. </nav>
  18. <div id="LoginTab" class="tab">
  19.  
  20. <!-- <form class="login-form"> -->
  21. <!-- Text input-->
  22. <div class="form-group">
  23. <label class="label-group" for="loginusername">Username*</label>
  24.  
  25. <input id="loginusername" placeholder="Type in Username here" class="inputTb" required type="text">
  26.  
  27. </div>
  28. <!-- Password input-->
  29. <div class="form-group">
  30. <label class="label-group" for="loginpassword">Password*</label>
  31.  
  32. <input id="loginpassword" placeholder="Type in Password here" class="inputTb" required type="password">
  33.  
  34. </div>
  35. <!--Checkbox (inline) -->
  36. <div class="showPwBox">
  37. <label class="checkbox-inline" for="showPwBox">
  38. <input name="showPwBox" id="showPwBox" value="showPw" type="checkbox">
  39. <span class="label-group">Show Password</span>
  40. </label>
  41. </div>
  42. <!-- Buttons -->
  43.  
  44. <!--<label class="col-md-4 control-label" for="leaveBtn"></label>-->
  45. <div class="button-group">
  46. <button id="loginbtn" type="button" onclick="loginMyUser()" name="loginbtn" class="btnGroup">Login</button>
  47. <button id="recoverBtn" type="button" name="recoverBtn" class="btnGroup">Recover Password</button>
  48. <button id="leaveBtn" type="button" name="leaveBtn" onclick="onLeave()" class="btnGroup">Leave</button>
  49. </div>
  50.  
  51.  
  52. <!--</form>-->
  53. </div>
  54.  
  55. <div id="RegisterTab" class="tab" style="display:none">
  56. <!--<form id="reg-form">-->
  57.  
  58. <!--- Username Label and Inputfield-->
  59. <div class="fb-text form-group field-regusername">
  60. <label for="regusername" class="label-group">Username<span class="fb-required">*</span></label>
  61. <input placeholder="Type in Username here" class="inputTb" id="regusername" required type="text">
  62. </div>
  63. <!-- Password Label and Inputfield-->
  64. <div class="fb-text form-group field-regpassword">
  65. <label for="regpassword" class="label-group">Password<span class="fb-required">*</span></label>
  66. <input placeholder="Type in Password here" class="inputTb" id="regpassword" required type="password">
  67. </div>
  68. <!--Validate Password Label and Inputfield-->
  69. <div class="fb-text form-group field-regpwvalid">
  70. <label for="regpwvalid" class="label-group">Validate Password<span class="fb-required">*</span></label>
  71. <input placeholder="Type in Password here again" class="inputTb" id="regpwvalid" required type="password">
  72. </div>
  73. <!--Email Label and Inputfield-->
  74. <div class="fb-text form-group field-regemail"><label for="regemail" class="label-group">E-Mail</label>
  75. <input placeholder="Type in your E-Mail here (optional)" class="inputTb" name="regemail" id="regemail" title="(optional) If you don't fill in your E-Mail you won't be able to recover your Password if you lose it!" type="email">
  76. </div>
  77. <!--Buttons-->
  78. <div class="regBtn-group">
  79. <button type="button" class="regBtn" onclick="registerMyUser()" name="regbtn" id="regbtn">Register</button>
  80. <button type="button" class="regBtn" onclick="onLeave()" name="regleave" id="regleave">Leave</button>
  81. </div>
  82. </div>
  83. <!-- </form>-->
  84.  
  85.  
  86.  
  87. <script >
  88. function openTab(tabName) {
  89. var i;
  90. var x = document.getElementsByClassName("tab");
  91. for (i = 0; i < x.length; i++) {
  92. x[i].style.display = "none";
  93. }
  94. document.getElementById(tabName).style.display = "block";
  95. }
  96.  
  97. document.getElementById('showPwBox').onclick = function () {
  98. if (this.checked) {
  99. document.getElementById('loginpassword').type = "text";
  100. }
  101. else {
  102. document.getElementById('loginpassword').type = "password";
  103. }
  104. }
  105. function loginMyUser () {
  106.  
  107. var username = document.getElementById("loginusername").value;
  108. var password = document.getElementById("loginpassword").value;
  109. if (username == "") {
  110. alert("Fill out Username");
  111. }
  112. else if (password == "") {
  113. alert("Fill out Password");
  114. }
  115. else {
  116.  
  117. ResourceCall("onLoginUser", username, password);
  118. alert("Hallo login");
  119. }
  120. };
  121.  
  122. function registerMyUser() {
  123. //alert("Servus");
  124.  
  125. var username = document.getElementById("regusername").value;
  126. var password = document.getElementById("regpassword").value;
  127. var validPw = document.getElementById("regpwvalid").value;
  128. var email = document.getElementById("regemail").value;
  129. if (username == "") {
  130. alert("Fill out Username");
  131. }
  132. else if (password == "") {
  133. alert("Fill out Password");
  134. }
  135. else if (validPw !== password) {
  136. alert("Password incorrect!");
  137. }
  138. else {
  139.  
  140.  
  141.  
  142. ResourceCall("onRegisterUser", username, password, email);
  143.  
  144. alert("Hallo " + username);
  145. }
  146. };
  147.  
  148.  
  149. function onLeave() { ResourceCall("DisconnectUser"); }
  150.  
  151.  
  152.  
  153. </script>
  154.  
  155. </body>
  156. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement