☰

element-navbar2078

Navigation Bar

بۇ قوليازمىنى بىۋاسىتە قاچىلاشقا بولمايدۇ. بۇ باشقا قوليازمىلارنىڭ ئىشلىتىشى ئۈچۈن تەمىنلەنگەن ئامبار بولۇپ، ئىشلىتىش ئۈچۈن مېتا كۆرسەتمىسىگە قىستۇرىدىغان كود: // @require https://update.greatest.deepsurf.us/scripts/491413/1352550/element-navbar2078.js 

  1. document.addEventListener('DOMContentLoaded', function () {
  2.     function createElementNavbar() {
  3.         var navbarElement = document.createElement('nav');
  4.  
  5.         navbarElement.classList.add('navbar', 'NAV');
  6.  
  7.         navbarElement.setAttribute('id', 'navbar');
  8.  
  9.         navbarElement.innerHTML = `
  10.     <div class="header NAV" id="header">
  11.         <middle id="middle" class="middle NAV">
  12.             <h1><a id="donationTransfer" class="donationTransfer"> Donation Transfer </a></h1>
  13.         </middle>
  14.         <left id="left" class="left NAV">
  15.             <i><img class="logo" id="logo" alt="logo" src="https://i.ibb.co/sgq9xJd/Screenshot-114.png" style="width:50px;height:50px;position:relative;display:inline;top:0;left:0;" onclick="toggleMenu()" /></i>
  16.             <content class="menu hidden" id="menu">
  17.                 <a id="FaHome" href="./home.html">
  18.                     <i class="fas fa-home" data-type="menu" id="index">
  19.                         <b>Home</b>
  20.                     </i>
  21.                 </a>
  22.                 <a id="FaUser" onclick="toggleSubmenu()">
  23.                     <i class="fas fa-user" data-type="menu" id="user">
  24.                         <b>Account</b>
  25.                     </i>
  26.                 </a>
  27.                 <content class="submenu hidden" id="submenu">
  28.                     <a id="FaAccount" href="./hidden/account.html">
  29.                         <i class="fas fa-user" data-type="submenu" id=account>
  30.                             <b class="authenticated">My Account</b>
  31.                         </i>
  32.                     </a>
  33.                     <a id="FaBank" href="./hidden/bank.html">
  34.                         <i class="fas fa-circle-dollar-to-slot" data-type="submenu" id=bank>
  35.                             <b class="authenticated">bank</b>
  36.                         </i>
  37.                     </a>
  38.                     <a id="FaFoundations" href="./hidden/foundations.html">
  39.                         <i class="fas fa-ribbon" data-type="submenu" id="foundations">
  40.                             <b class="authenticated">Foundations</b>
  41.                         </i>
  42.                     </a>
  43.                     <a id="FaDonate" href="./hidden/donate.html">
  44.                         <i class="fas fa-heart" data-type="submenu" id="donate">
  45.                             <b class="authenticated">Donate</b>
  46.                         </i>
  47.                     </a>
  48.                     <a id="FaLogout" onclick="logout()">
  49.                         <i class="fas fa-right-from-bracket" data-type="submenu" id="logout">
  50.                             <b class="authenticated">Logout</b>
  51.                         </i>
  52.                     </a>
  53.                 </content>
  54.                 <a id="FaAbout" href="./about.html">
  55.                     <i class="fas fa-phone" data-type="menu" id="about">
  56.                         <b>About</b>
  57.                     </i>
  58.                 </a>
  59.             </content>
  60.         </left>
  61.         <right id="right" class="right NAV">
  62.             <h1 class="login visible NAV" id="login" onclick="toggleLogin()">Login</h1>
  63.             <form id="login-form" class="login-form hidden NAV" data-type="login">
  64.                 <h2 class="tooltip-header">LOGIN</h2>
  65.                 <a class="close-btn" onclick="closeForm()">X</a>
  66.                 <label for="email">Email:</label><br>
  67.                 <input type="email" id="email" name="loginEmail" required><br>
  68.                 <label for="password">Password:</label><br>
  69.                 <input type="password" id="password" name="loginPassword" required><br>
  70.                 <a id="submitL" value="SUBMIT" class="submit-btn" onclick="signin()">submit</a>
  71.             </form>
  72.             <h1 class="register hidden NAV" id="register" data-type="register" onclick="switchForm()">Register</h1>
  73.             <form id="register-form" class="register-form hidden NAV" data-type="register">
  74.                 <h2 class="tooltip-header">REGISTER</h2>
  75.                 <a class="close-btn" onclick="closeForm()">X</a>
  76.                 <label for="new email">Email:</label><br>
  77.                 <input type="email" id="new email" name="regEmail" required><br>
  78.                 <label for="new password">Password:</label><br>
  79.                 <input type="password" id="new password" name="regPassword" required><br>
  80.                 <label for="regConfirmPassword">Confirm Password:</label><br>
  81.                 <input type="password" id="regConfirmPassword" name="regConfirmPassword" required><br>
  82.                 <a id="submitR" value="SUBMIT" class="submit-btn" onclick="signup()">submit</a>
  83.             </form>
  84.         </right>
  85.     </div>
  86.         `;
  87.  
  88.         document.body.appendChild(navbarElement);
  89.     }
  90.  
  91.     createElementNavbar();
  92. });