radex
/
jspaint
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add "Try me!" indicator pointing to demo embed

main
Isaiah Odhner 2023-08-10 01:13:35 -04:00
parent 528edacb03
commit 68d97e6fe1
2 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
about.html
View File

@ -132,6 +132,11 @@
style="position: absolute; top: calc(2px); right: -2px; width: 4px; height: calc(100% - 8px + 4px); touch-action: none; cursor: e-resize;"> style="position: absolute; top: calc(2px); right: -2px; width: 4px; height: calc(100% - 8px + 4px); touch-action: none; cursor: e-resize;">
</div> --> </div> -->
</div> </div>
<div id="try-me" style="position: absolute; left: 300px; margin-top: -200px; color: purple; font-weight: bold;">
<img src="images/about/izquierda.gif" width="49" height="23" alt="hand pointing left"
style="vertical-align: middle">
Try&nbsp;me!
</div>
<h2>Windows 98 online</h2> <h2>Windows 98 online</h2>
<p> <p>
@ -201,7 +206,7 @@
var maxButton = document.querySelector(".window-maximize-button"); var maxButton = document.querySelector(".window-maximize-button");
var closeButton = document.querySelector(".window-close-button"); var closeButton = document.querySelector(".window-close-button");
var minimizeButton = document.querySelector(".window-minimize-button"); var minimizeButton = document.querySelector(".window-minimize-button");
var windowElement = document.querySelector(".window"); var windowElements = document.querySelectorAll(".window, #try-me");
maxButton.addEventListener("click", function () { maxButton.addEventListener("click", function () {
var iframe = document.querySelector("#jspaint-iframe"); var iframe = document.querySelector("#jspaint-iframe");
@ -217,12 +222,13 @@
// } // }
location.href = iframe.contentWindow.location.href; location.href = iframe.contentWindow.location.href;
}); });
closeButton.addEventListener("click", function () { function hideDemo() {
windowElement.style.display = "none"; for (var i = 0; i < windowElements.length; i++) {
}); windowElements[i].style.display = "none";
minimizeButton.addEventListener("click", function () { }
windowElement.style.display = "none"; }
}); closeButton.addEventListener("click", hideDemo);
minimizeButton.addEventListener("click", hideDemo);
</script> </script>
</body> </body>

BIN
images/about/izquierda.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB