Chmod numeric calculator

Developer
Blake Tarter
Size
3,704 Kb
Views
34,408
  1. Chmod numeric calculator Previews
  2. Chmod numeric calculator HTML Codes
  3. Chmod numeric calculator CSS Codes
  4. Chmod numeric calculator JS Codes

How do I make an chmod numeric calculator?

For when you just can't remember if you need 644 or 755 and just decide to use 777.. What is a chmod numeric calculator? How do you make a chmod numeric calculator? This script and codes were developed by Blake Tarter on 26 September 2022, Monday.

Chmod numeric calculator Previews
IQ Test

Chmod numeric calculator - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>chmod numeric calculator</title> <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script>
<meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1 class="title">chmod numeric calculator</h1>
<p class="description">For when you just can't remember if you need 644 or 755 and just decide to use 777.</p>
<div class="calc"> <div class="bits"> <div class="spacer bit"></div> <div class="owner bit">Owner</div> <div class="group bit">Group</div> <div class="other bit">Other</div> </div> <div class="modes"> <div class="label"> <div class="read">Read (4)</div> <div class="write">Write (2)</div> <div class="execute">Execute (1)</div> </div> <div class="who owner"> <input class="mode read" type="checkbox" value="4"/> <input class="mode write" type="checkbox" value="2"/> <input class="mode execute" type="checkbox" value="1"/> </div> <div class="who group"> <input class="mode read" type="checkbox" value="4"/> <input class="mode write" type="checkbox" value="2"/> <input class="mode execute" type="checkbox" value="1"/> </div> <div class="who other"> <input class="mode read" type="checkbox" value="4"/> <input class="mode write" type="checkbox" value="2"/> <input class="mode execute" type="checkbox" value="1"/> </div> </div> <div class="results"> <div class="result spacer">Result</div> <div class="result owner">0</div> <div class="result group">0</div> <div class="result other">0</div> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Chmod numeric calculator - Script Codes CSS Codes

html { box-sizing: border-box;
}
html *,
html *:before,
html *:after { box-sizing: inherit;
}
body { background: rgba(51, 51, 51, 0.2);
}
.title,
.description { text-align: center;
}
.title { text-transform: uppercase; font-weight: 100;
}
.description { margin: 0 auto; max-width: 500px; font-weight: 100;
}
.calc { margin: 50px auto; max-width: 400px; background: white; box-shadow: 0 1px 1px rgba(100, 100, 100, 0.5);
}
.bits { overflow: hidden;
}
.bits .bit { width: 25%; float: left; text-align: center; padding: 10px;
}
.modes { overflow: hidden;
}
.modes .label { width: 25%; float: left;
}
.modes .label .read,
.modes .label .write,
.modes .label .execute { display: block; margin: 25px auto; text-align: right; padding-left: 10px;
}
.modes .who { width: 25%; float: left; text-align: center;
}
.modes .who .mode { display: block; margin: 25px auto;
}
.results { border-top: 1px solid #666666; background: #f3f3f3; overflow: hidden;
}
.results .result { width: 25%; float: left; margin: 10px 0; text-align: center;
}

Chmod numeric calculator - Script Codes JS Codes

$(document).ready(function() { var output = { owner: null, group: null, other: null }; var input = { owner: { read: null, write: null, execute: null }, group: { read: null, write: null, execute: null }, other: { read: null, write: null, execute: null } }; output.owner = $('.result.owner'); output.group = $('.result.group'); output.other = $('.result.other'); input.owner.read = $('.who.owner .mode.read'); input.owner.write = $('.who.owner .mode.write'); input.owner.execute = $('.who.owner .mode.execute'); input.group.read = $('.who.group .mode.read'); input.group.write = $('.who.group .mode.write'); input.group.execute = $('.who.group .mode.execute'); input.other.read = $('.who.other .mode.read'); input.other.write = $('.who.other .mode.write'); input.other.execute = $('.who.other .mode.execute'); function calculateBit(bit) { var result = 0,	mode; for (mode in input[bit]) { result += (input[bit][mode][0].checked) ? parseInt(input[bit][mode].val()) : 0; } return result; } function calculateNumeric() { var bit; for (bit in input) { output[bit].text(calculateBit(bit)); } } $('input[type=checkbox]').on('change', calculateNumeric);
});
Chmod numeric calculator - Script Codes
Chmod numeric calculator - Script Codes
Home Page Home
Developer Blake Tarter
Username blaketarter
Uploaded September 26, 2022
Rating 3.5
Size 3,704 Kb
Views 34,408
Do you need developer help for Chmod numeric calculator?

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!

Blake Tarter (blaketarter) Script Codes
Name
Some Button Styles
Color B-V Index to RGB
Material Design Hiding Navbar
Flat Info Card
Screen Size Searching Tool
Morse Code Generator
Material Buttons
Material Design Inspired Button
Animated Input Labels
Web Audio Synth
Create amazing captions with AI!

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!