c2v2zw4k
1 year ago
5 changed files with 597 additions and 0 deletions
@ -0,0 +1,404 @@
@@ -0,0 +1,404 @@
|
||||
function onelement1() { |
||||
var x = document.getElementById("divResize1"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
|
||||
function onelement2() { |
||||
var x = document.getElementById("divResize2"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
|
||||
function onelement3() { |
||||
var x = document.getElementById("divResize3"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement4() { |
||||
var x = document.getElementById("divResize4"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement5() { |
||||
var x = document.getElementById("divResize5"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement6() { |
||||
var x = document.getElementById("divResize6"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement7() { |
||||
var x = document.getElementById("divResize7"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement8() { |
||||
var x = document.getElementById("divResize8"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement9() { |
||||
var x = document.getElementById("divResize9"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement10() { |
||||
var x = document.getElementById("divResize10"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement11() { |
||||
var x = document.getElementById("divResize11"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement12() { |
||||
var x = document.getElementById("divResize12"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement13() { |
||||
var x = document.getElementById("divResize13"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement14() { |
||||
var x = document.getElementById("divResize14"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement15() { |
||||
var x = document.getElementById("divResize15"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement16() { |
||||
var x = document.getElementById("divResize16"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement17() { |
||||
var x = document.getElementById("divResize17"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement18() { |
||||
var x = document.getElementById("divResize18"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement19() { |
||||
var x = document.getElementById("divResize19"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement20() { |
||||
var x = document.getElementById("divResize20"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement21() { |
||||
var x = document.getElementById("divResize21"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement22() { |
||||
var x = document.getElementById("divResize22"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
|
||||
function onelement23() { |
||||
var x = document.getElementById("divResize23"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
|
||||
function onelement24() { |
||||
var x = document.getElementById("divResize24"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement25() { |
||||
var x = document.getElementById("divResize25"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement26() { |
||||
var x = document.getElementById("divResize26"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement27() { |
||||
var x = document.getElementById("divResize27"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement28() { |
||||
var x = document.getElementById("divResize28"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement29() { |
||||
var x = document.getElementById("divResize29"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement30() { |
||||
var x = document.getElementById("divResize30"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement31() { |
||||
var x = document.getElementById("divResize31"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement32() { |
||||
var x = document.getElementById("divResize32"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement33() { |
||||
var x = document.getElementById("divResize33"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement34() { |
||||
var x = document.getElementById("divResize34"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement35() { |
||||
var x = document.getElementById("divResize35"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement36() { |
||||
var x = document.getElementById("divResize36"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement37() { |
||||
var x = document.getElementById("divResize37"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement38() { |
||||
var x = document.getElementById("divResize38"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement39() { |
||||
var x = document.getElementById("divResize39"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement40() { |
||||
var x = document.getElementById("divResize40"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement41() { |
||||
var x = document.getElementById("divResize41"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement42() { |
||||
var x = document.getElementById("divResize42"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement43() { |
||||
var x = document.getElementById("divResize43"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement45() { |
||||
var x = document.getElementById("divResize44"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement46() { |
||||
var x = document.getElementById("divResize46"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement47() { |
||||
var x = document.getElementById("divResize47"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement48() { |
||||
var x = document.getElementById("divResize48"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement49() { |
||||
var x = document.getElementById("divResize49"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement50() { |
||||
var x = document.getElementById("divResize50"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
||||
function onelement51() { |
||||
var x = document.getElementById("divResize51"); |
||||
if (x.style.display === "none") { |
||||
x.style.display = "block"; |
||||
} else { |
||||
x.style.display = "none"; |
||||
} |
||||
} |
@ -0,0 +1,8 @@
@@ -0,0 +1,8 @@
|
||||
function createIframe(src, width, height) { |
||||
const iframe = document.createElement("iframe"); |
||||
iframe.src = src; |
||||
iframe.width = width; |
||||
iframe.height = height; |
||||
document.body.appendChild(iframe); |
||||
} |
||||
|
@ -0,0 +1,4 @@
@@ -0,0 +1,4 @@
|
||||
function toggleDarkMode() { |
||||
var body = document.body; |
||||
body.classList.toggle("dark-mode"); |
||||
} |
@ -0,0 +1,83 @@
@@ -0,0 +1,83 @@
|
||||
var element_pos = 0; // Position of the newly created elements.
|
||||
var iCnt = 0; |
||||
|
||||
$(document).ready(function() { |
||||
|
||||
$(function() { $('#divContainer').draggable(); }); |
||||
$(function() { $("#divResize1").draggable().resizable(); }); |
||||
$(function() { $("#divResize2").draggable().resizable(); }); |
||||
$(function() { $("#divResize3").draggable().resizable(); }); |
||||
$(function() { $("#divResize4").draggable().resizable(); }); |
||||
$(function() { $("#divResize5").draggable().resizable(); }); |
||||
$(function() { $("#divResize6").draggable().resizable(); }); |
||||
$(function() { $("#divResize7").draggable().resizable(); }); |
||||
$(function() { $("#divResize8").draggable().resizable(); }); |
||||
$(function() { $("#divResize9").draggable().resizable(); }); |
||||
$(function() { $("#divResize10").draggable().resizable(); }); |
||||
$(function() { $("#divResize11").draggable().resizable(); }); |
||||
$(function() { $("#divResize12").draggable().resizable(); }); |
||||
$(function() { $("#divResize13").draggable().resizable(); }); |
||||
$(function() { $("#divResize13").draggable().resizable(); }); |
||||
$(function() { $("#divResize14").draggable().resizable(); }); |
||||
$(function() { $("#divResize15").draggable().resizable(); }); |
||||
$(function() { $("#divResize16").draggable().resizable(); }); |
||||
$(function() { $("#divResize17").draggable().resizable(); }); |
||||
$(function() { $("#divResize18").draggable().resizable(); }); |
||||
$(function() { $("#divResize19").draggable().resizable(); }); |
||||
$(function() { $("#divResize20").draggable().resizable(); }); |
||||
$(function() { $("#divResize21").draggable().resizable(); }); |
||||
$(function() { $("#divResize22").draggable().resizable(); }); |
||||
$(function() { $("#divResize23").draggable().resizable(); }); |
||||
$(function() { $("#divResize25").draggable().resizable(); }); |
||||
$(function() { $("#divResize26").draggable().resizable(); }); |
||||
$(function() { $("#divResize27").draggable().resizable(); }); |
||||
$(function() { $("#divResize28").draggable().resizable(); }); |
||||
$(function() { $("#divResize29").draggable().resizable(); }); |
||||
$(function() { $("#divResize30").draggable().resizable(); }); |
||||
$(function() { $("#divResize31").draggable().resizable(); }); |
||||
$(function() { $("#divResize32").draggable().resizable(); }); |
||||
$(function() { $("#divResize33").draggable().resizable(); }); |
||||
$(function() { $("#divResize34").draggable().resizable(); }); |
||||
$(function() { $("#divResize35").draggable().resizable(); }); |
||||
$(function() { $("#divResize36").draggable().resizable(); }); |
||||
$(function() { $("#divResize37").draggable().resizable(); }); |
||||
$(function() { $("#divResize38").draggable().resizable(); }); |
||||
$(function() { $("#divResize39").draggable().resizable(); }); |
||||
$(function() { $("#divResize40").draggable().resizable(); }); |
||||
$(function() { $("#divResize41").draggable().resizable(); }); |
||||
$(function() { $("#divResize42").draggable().resizable(); }); |
||||
$(function() { $("#divResize43").draggable().resizable(); }); |
||||
$(function() { $("#divResize44").draggable().resizable(); }); |
||||
$(function() { $("#divResize45").draggable().resizable(); }); |
||||
$(function() { $("#divResize46").draggable().resizable(); }); |
||||
$(function() { $("#divResize47").draggable().resizable(); }); |
||||
$(function() { $("#divResize48").draggable().resizable(); }); |
||||
$(function() { $("#divResize49").draggable().resizable(); }); |
||||
$(function() { $("#divResize50").draggable().resizable(); }); |
||||
$(function() { $("#divResize51").draggable().resizable(); }); |
||||
|
||||
// SUBMENU
|
||||
|
||||
$(function() { $("#divSubMenu").draggable().resizable(); }); |
||||
|
||||
// SUBMENU-END
|
||||
|
||||
// Create more DIV elements with absolute postioning.
|
||||
$('#btClickMe').click(function() { |
||||
|
||||
var dynamic_div = $(document.createElement('div')).css({ |
||||
border: '1px dashed', position: 'absolute', left: element_pos, |
||||
top: $('#divContainer').height() + 20, |
||||
width: '120', height: '120', padding: '3', margin: '0' |
||||
}); |
||||
|
||||
element_pos = element_pos + $('#divContainer').width() + 20; |
||||
|
||||
$(dynamic_div).append('You can drag me too'); |
||||
|
||||
// Append the newly created DIV to the container.
|
||||
$(dynamic_div).appendTo('#divContainer').draggable(); |
||||
|
||||
iCnt = iCnt + 1; |
||||
}); |
||||
}); |
@ -0,0 +1,98 @@
@@ -0,0 +1,98 @@
|
||||
document.addEventListener('keydown', function(e) { |
||||
// Block Ctrl+S shortcut
|
||||
if (e.keyCode == 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) { |
||||
e.preventDefault(); |
||||
} |
||||
}); |
||||
|
||||
document.addEventListener('keydown', function(e) { |
||||
// Block Ctrl+A and Ctrl+W shortcuts
|
||||
if ((e.keyCode == 65 || e.keyCode == 87) && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) { |
||||
e.preventDefault(); |
||||
} |
||||
}); |
||||
|
||||
document.addEventListener('contextmenu', function(e) { |
||||
// Block ability to select all
|
||||
e.preventDefault(); |
||||
}); |
||||
|
||||
document.addEventListener("mousedown", function(event) { |
||||
if (event.button === 0 && !event.ctrlKey) { |
||||
event.preventDefault(); |
||||
} |
||||
}); |
||||
|
||||
document.addEventListener('mousedown', function(event) { |
||||
if (event.shiftKey) { |
||||
event.preventDefault(); |
||||
} |
||||
}); |
||||
|
||||
// desativa a seleção de texto na página
|
||||
function disableSelection() { |
||||
if (typeof document.onselectstart!="undefined") { |
||||
document.onselectstart=new Function("return false"); |
||||
} |
||||
else { |
||||
document.onmousedown=new Function("return false"); |
||||
document.onmouseup=new Function("return true"); |
||||
} |
||||
} |
||||
|
||||
// ativa a seleção de texto na página
|
||||
function enableSelection() { |
||||
if (typeof document.onselectstart!="undefined") { |
||||
document.onselectstart=new Function("return true"); |
||||
} |
||||
else { |
||||
document.onmousedown=null; |
||||
document.onmouseup=null; |
||||
} |
||||
} |
||||
|
||||
// desativa a seleção de texto quando o mouse é arrastado
|
||||
function blockSelectAll() { |
||||
disableSelection(); |
||||
document.addEventListener("mousemove", disableSelection); |
||||
} |
||||
|
||||
// ativa a seleção de texto quando o mouse é solto
|
||||
function unblockSelectAll() { |
||||
enableSelection(); |
||||
document.removeEventListener("mousemove", disableSelection); |
||||
} |
||||
|
||||
// adiciona os listeners aos eventos de mouse
|
||||
document.addEventListener("mousedown", blockSelectAll); |
||||
document.addEventListener("mouseup", unblockSelectAll); |
||||
|
||||
////DEV ZONE
|
||||
function protectBrowser() { |
||||
// Disable right-click context menu
|
||||
document.addEventListener('contextmenu', event => event.preventDefault()); |
||||
|
||||
// Disable text selection
|
||||
document.addEventListener('selectstart', event => event.preventDefault()); |
||||
|
||||
// Disable drag and drop
|
||||
document.addEventListener('dragstart', event => event.preventDefault()); |
||||
|
||||
// Disable the ability to copy and paste
|
||||
document.addEventListener('copy', event => event.preventDefault()); |
||||
document.addEventListener('cut', event => event.preventDefault()); |
||||
document.addEventListener('paste', event => event.preventDefault()); |
||||
|
||||
// Disable the ability to open the developer console
|
||||
document.addEventListener('keydown', event => { |
||||
if (event.keyCode === 123) { |
||||
event.preventDefault(); |
||||
} |
||||
}); |
||||
document.addEventListener('contextmenu', event => { |
||||
if (event.target.nodeName === 'HTML') { |
||||
event.preventDefault(); |
||||
} |
||||
}); |
||||
} |
||||
|
Loading…
Reference in new issue