chris/main_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix copy to clipboard in binary

Browse Source
This commit is contained in:
chris 2023-07-11 23:34:53 -04:00
parent 475ff8f7e2
commit 04c9c20732
3 changed files with 68 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
binary/binary.css
View File

@ -1,5 +1,5 @@
body {
background-color: #6497b1;
background-color: #ac7489;
font-family: "Courier Prime", monospace;
height: 100%;
}
@ -12,10 +12,11 @@ body {
overflow: auto;
width: 75vw;
margin: auto;
padding: 5px;
}
.submit {
background-color: #03396c;
background-color: #883d3d;
border: 2px black solid;
/* width: 25vw; */
height: 100px;
@ -32,6 +33,8 @@ body {
}
#out {
display: flex;
align-self: center;
border: 4px black solid;
width: 75vw;
height: 5rem;

102
binary/binary.js
View File

@ -1,61 +1,77 @@
function out0() {
document.getElementById("out").innerHTML = "";
if (document.getElementById("text_binary").checked == true) out();
else if (document.getElementById("binary_text").checked == true) out1();
document.getElementById("out").innerHTML = "";
if (document.getElementById("text_binary").checked == true) out();
else if (document.getElementById("binary_text").checked == true) out1();
}
function out() {
console.log("out");
document.getElementById("out").innerHTML = "";
var binary_out = "";
document.getElementById("input").innerHTML.replace(/  /g, '');
var input = document.getElementById("input").textContent;
for (var i = 0; i < input.length; i++) {
var z = input.charCodeAt(i).toString(2);
if (input.charAt(i) == " ") {
binary_out += "00100000 ";
} else {
while (z.length < 8) {
z = "0" + z;
}
binary_out += z;
binary_out += " ";
}
console.log("out");
document.getElementById("out").innerHTML = "";
var binary_out = "";
document.getElementById("input").innerHTML.replace(/&nbsp; /g, "");
var input = document.getElementById("input").textContent;
for (var i = 0; i < input.length; i++) {
var z = input.charCodeAt(i).toString(2);
if (input.charAt(i) == " ") {
binary_out += "00100000 ";
} else {
while (z.length < 8) {
z = "0" + z;
}
binary_out += z;
binary_out += " ";
}
document.getElementById("out").innerHTML = binary_out;
}
document.getElementById("out").innerHTML = binary_out;
}
function out1() {
console.log("out1");
document.getElementById("out").innerHTML = "";
var text_out = "";
var input = document.getElementById("input").textContent.replace(/ /g, "");
input = input.replace(/&nbsp; /gi, "");
for (var i = 0; i < input.length; i = i + 8) {
var z = '';
var z = input.substr(i, 8);
text_out += String.fromCharCode(parseInt(z, 2)) + "";
}
document.getElementById("out").textContent = String(text_out);
console.log("out1");
document.getElementById("out").innerHTML = "";
var text_out = "";
var input = document.getElementById("input").textContent.replace(/ /g, "");
input = input.replace(/&nbsp; /gi, "");
for (var i = 0; i < input.length; i = i + 8) {
var z = "";
var z = input.substr(i, 8);
text_out += String.fromCharCode(parseInt(z, 2)) + "";
}
document.getElementById("out").textContent = String(text_out);
}
function copy0() {
document.getElementById("out").value.select();
document.getElementById("out").value.select();
}
function copy() {
if (document.selection) {
var div = document.body.createTextRange();
div.moveToElementText(document.getElementById("out"));
div.select();
} else {
var div = document.createRange();
div.setStartBefore(document.getElementById("out"));
div.setEndAfter(document.getElementById("out"));
window.getSelection().addRange(div);
}
if (document.selection) {
var div = document.body.createTextRange();
div.moveToElementText(document.getElementById("out"));
div.select();
} else {
var div = document.createRange();
div.setStartBefore(document.getElementById("out"));
div.setEndAfter(document.getElementById("out"));
window.getSelection().addRange(div);
}
}
function clear1() {
document.getElementById("input").textContent = "";
document.getElementById("input").textContent = "";
}
let copyText = document.getElementById("out");
function copyOut() {
// Get the text field
copyText = document.getElementById("out");
// focus text feild
copyText.focus();
// Select the text field
copyText.select();
copyText.setSelectionRange(0, 99999); // For mobile devices
// Copy the text inside the text field
navigator.clipboard.writeText(copyText.value);
// Alert the copied text
alert("Copied the text: " + copyText.value);
}

8
binary/index.html
View File

@ -9,8 +9,8 @@
<link href="https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap" rel="stylesheet">
<title>Binary</title>
<link rel="stylesheet" type="text/css" href="/menu/menu.css" />
<link rel="icon" type="image/ico" href="../binary.ico">
<link rel="stylesheet" type="text/css" href="binary.css" />
<link rel="icon" type="image/ico" href="/binary/binary.ico">
<link rel="stylesheet" type="text/css" href="/binary/binary.css" />
<script defer data-domain="chrisedwards.tech" src="https://metric1.chrisedwards.tech/js/plausible.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
@ -38,8 +38,8 @@
</div>
<div id="out" onclick="copy()">
<div>
<textarea id="out" onclick="copyOut()">
</textarea>
<br />