Skip to content

Instantly share code, notes, and snippets.

@downthecrop

downthecrop/main.html

Created July 20, 2021 15:21
Show Gist options
  • Save downthecrop/3c81df8bbd7a35261dde45f5b65184e6 to your computer and use it in GitHub Desktop.
Save downthecrop/3c81df8bbd7a35261dde45f5b65184e6 to your computer and use it in GitHub Desktop.
Download ZIP
for use with Cropcraft Eel
Raw
main.html
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="/eel.js"></script>
<script>
window.addEventListener("keydown", function (e) {
if (e.key == "Escape") {
window.close()
}
})
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData("text", ev.target.id);
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
}
</script>
<style>
.drag {
width: 350px;
height: 70px;
padding: 10px;
border: 1px solid #aaaaaa;
}
</style>
</head>
<body>
<p>Drag the W3Schools image into the rectangle:</p>
<div id="div1" class="drag" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<div id="div2" class="drag" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<div id="div3" class="drag" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<div id="div4" class="drag" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<br>
<img id="drag1" src="dirt.png" draggable="true" ondragstart="drag(event)">
<img id="drag2" src="dirt.png" draggable="true" ondragstart="drag(event)">
<img id="drag3" src="dirt.png" draggable="true" ondragstart="drag(event)">
<img id="drag4" src="dirt.png" draggable="true" ondragstart="drag(event)">
</body>
</html>
<script>
var intervalId = window.setInterval(function () {
if (document.getElementById("div4").children.length >= 1) {
eel.say_hello_py(); // Call a Python function
console.log("Ran?!")
}
}, 1000);
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment