File size: 3,715 Bytes
6e5419c 22a0d02 06146ca 6f988b5 06146ca 6f988b5 06146ca 6f988b5 06146ca 22a0d02 06146ca 22a0d02 06146ca 6e5419c 5024616 6e5419c 06146ca ca1d400 06146ca 6e5419c 22a0d02 6e5419c 49a119c 6e5419c 22a0d02 6e5419c |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Шифрование ссылки</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f0f0f0;
margin: 0;
padding: 0;
}
h1 {
background-color: #4CAF50;
color: white;
padding: 20px;
margin: 0;
border-bottom: 2px solid #388E3C;
}
.input-row {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
margin-top: 20px;
}
.input-row label {
color: black;
font-size: 16px;
}
.input-row input[type="text"] {
width: 80%;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 5px;
}
#encryptButton {
color: white;
background-color: #4CAF50;
border: none;
cursor: pointer;
padding: 10px 20px;
font-size: 16px;
border-radius: 5px;
margin-top: 20px;
}
#encryptButton:hover {
background-color: #388E3C;
}
#encryptedLink {
margin-top: 20px;
font-size: 16px;
color: #333;
cursor: pointer;
text-decoration: underline;
}
</style>
</head>
<body>
<form id="encryptForm">
<div class="input-row">
<label for="key">Ключ:</label>
<input type="text" id="key" name="key" required>
</div>
<div class="input-row">
<label for="link">Ссылка:</label>
<input type="text" id="link" name="link" required>
</div>
<div id="encryptedLink" onclick="copyToClipboard(this)">Кликните после шифрования, чтобы скопировать зашифрованную ссылку.</div>
<button type="button" id="encryptButton" onclick="encryptLink()">Зашифровать</button>
</form>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
<script>
function encryptLink() {
const key = document.getElementById('key').value;
const link = document.getElementById('link').value;
// Шифрование с использованием AES
const encryptedLink = CryptoJS.AES.encrypt(link, key).toString();
// Вывод зашифрованной ссылки
document.getElementById('encryptedLink').innerText = encryptedLink;
}
function copyToClipboard(element) {
var tempInput = document.createElement("input");
tempInput.value = element.innerText;
document.body.appendChild(tempInput);
tempInput.select();
document.execCommand("copy");
document.body.removeChild(tempInput);
Toastify({
text: "Зашифрованная ссылка скопирована",
duration: 3000,
gravity: "top",
position: "center",
backgroundColor: "#4CAF50",
}).showToast();
}
</script>
</body>
</html> |