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

20
binary/binary.js
View File

@ -8,7 +8,7 @@ function out() {
console.log("out"); console.log("out");
document.getElementById("out").innerHTML = ""; document.getElementById("out").innerHTML = "";
var binary_out = ""; var binary_out = "";
document.getElementById("input").innerHTML.replace(/  /g, ''); document.getElementById("input").innerHTML.replace(/  /g, "");
var input = document.getElementById("input").textContent; var input = document.getElementById("input").textContent;
for (var i = 0; i < input.length; i++) { for (var i = 0; i < input.length; i++) {
var z = input.charCodeAt(i).toString(2); var z = input.charCodeAt(i).toString(2);
@ -32,7 +32,7 @@ function out1() {
var input = document.getElementById("input").textContent.replace(/ /g, ""); var input = document.getElementById("input").textContent.replace(/ /g, "");
input = input.replace(/&nbsp; /gi, ""); input = input.replace(/&nbsp; /gi, "");
for (var i = 0; i < input.length; i = i + 8) { for (var i = 0; i < input.length; i = i + 8) {
var z = ''; var z = "";
var z = input.substr(i, 8); var z = input.substr(i, 8);
text_out += String.fromCharCode(parseInt(z, 2)) + ""; text_out += String.fromCharCode(parseInt(z, 2)) + "";
} }
@ -59,3 +59,19 @@ function copy() {
function clear1() { 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"> <link href="https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap" rel="stylesheet">
<title>Binary</title> <title>Binary</title>
<link rel="stylesheet" type="text/css" href="/menu/menu.css" /> <link rel="stylesheet" type="text/css" href="/menu/menu.css" />
<link rel="icon" type="image/ico" href="../binary.ico"> <link rel="icon" type="image/ico" href="/binary/binary.ico">
<link rel="stylesheet" type="text/css" href="binary.css" /> <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> <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"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
@ -38,8 +38,8 @@
</div> </div>
<div id="out" onclick="copy()"> <textarea id="out" onclick="copyOut()">
<div> </textarea>
<br /> <br />