Getting Permissions
How do I make an getting permissions?
What is a getting permissions? How do you make a getting permissions? This script and codes were developed by Lucas Cawkell on 09 September 2022, Friday.
Getting Permissions - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Getting Permissions</title> <title>Getting Permissions</title> <link rel='stylesheet prefetch' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="site"> <h1>Site</h1> <div class="btnPermissions"> <a href="#">Permissions</a> <table class="permissions"> <tr> <th>Member</th> <th>Permission</th> </tr> <tr> <td>Lucas</td> <td>Contribute</td> </tr> </table> </div> <div class="library"> <h2><a href="#" class="btnHide">Library Name</a></h2> <div class="hidden"> <div class="btnPermissions"> <a href="#">Show Permissions</a> <table class="permissions"> <tr> <th>Member</th> <th>Permission</th> </tr> <tr> <td>Lucas</td> <td>Contribute</td> </tr> </table> <div class="files"> <a href="#" class="btnHide"><h3>Files</h3></a> <div class="hidden"> <div class="btnPermissions"> <a href="#">Show Permissions</a> <table class="permissions"> <tr> <th>Member</th> <th>Permission</th> </tr> <tr> <td>Lucas</td> <td>Contribute</td> </tr> </table> </div> </div> </div> </div> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js'></script>
<script src='https://code.jquery.com/jquery-2.1.3.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Getting Permissions - Script Codes CSS Codes
a
{ font-weight:bold; font-size: 1.1em;
}
table.permissions
{ display: none;
}
.site
{ position:relative; left: 1em;
}
.library
{ position:relative; left: 1.3em;
}
.library .hidden
{ display: none;
}
.files
{ position:relative; left: 1.3em;
}
.files .hidden
{ display: none;
}
Getting Permissions - Script Codes JS Codes
jQuery(document).ready(function() { $("div.btnPermissions").each(function(index) { $(this).find("a:first").click(function() { $(this).parent().find(".permissions:first").toggle(300); if($(this).parent().find("a:first")[0].innerHTML == "Hide Permissions") { $(this).parent().find("a:first")[0].innerHTML = "Show Permissions"; } else { $(this).parent().find("a:first")[0].innerHTML = "Hide Permissions"; } });}); $("div.library").each(function(index) { $(this).find(".btnHide:first").click(function() { $(this).parent().parent().find(".hidden:first").toggle(300); });}); $("div.files").each(function(index) { $(this).find(".btnHide:first").click(function() { $(this).parent().parent().find(".hidden:first").toggle(300); });});
});
Developer | Lucas Cawkell |
Username | cawsp |
Uploaded | September 09, 2022 |
Rating | 3 |
Size | 2,217 Kb |
Views | 24,288 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
CB Site | 2,087 Kb |
Playing around | 1,824 Kb |
Tutorial 7 | 2,623 Kb |
Order Form | 2,550 Kb |
Isotope Video | 2,087 Kb |
Product Cards | 2,574 Kb |
A Pen by Lucas Cawkell | 1,536 Kb |
Final Exam Travel Website | 1,991 Kb |
Scroll Menu | 1,701 Kb |
Cart | 1,929 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Vue.js Lazy Loading | Kjbrum | 3,620 Kb |
Codero Sitemap | S1m0ne | 28,169 Kb |
Bootstrap 4 Gridsystem Demo | Rivella50 | 1,535 Kb |
Sequence.js - Sliding Horizontal Parallax | Maheshc | 4,537 Kb |
BlueBox Fork | Huskynation | 12,675 Kb |
Canvas stripes | Adrianparr | 1,948 Kb |
Parallax with only CSS | Thulioph | 2,297 Kb |
IPhone5S SVG Space Grey | Onlinechris | 75,035 Kb |
Pure CSS Read More Arrow | Zephyr | 1,747 Kb |
700 Synapses Per Second | Silentkrange | 2,138 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!