5E/AideDeJeu
1
0
Fork 0
mirror of https://github.com/Nioux/AideDeJeu.git synced 2025-10-31 07:26:09 +00:00
Code Issues Projects Releases Wiki Activity

Toggles on/off

Browse source
This commit is contained in:
Yan Maniez 2020-01-04 21:36:08 +01:00
parent 420065bd7d
commit 04aa8d4964
1 changed files with 25 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

28
Docs/alariantest.html
View file

@ -4,9 +4,12 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Alarian</title> <title>Alarian</title>
<style type"text/css"> <style type"text/css">
.point { .displayed .point {
fill: #88ffbb fill: #88ffbb
} }
.transparent .point {
fill: #ff000000
}
</style> </style>
<!-- voir https://github.com/davidjbradshaw/image-map-resizer --> <!-- voir https://github.com/davidjbradshaw/image-map-resizer -->
<script type="text/javascript"> <script type="text/javascript">
@ -21,13 +24,24 @@
mySvg.style.width = "" + slider.value + "%"; mySvg.style.width = "" + slider.value + "%";
} }
} }
function togglePoints() {
var mySvg = document.getElementById("mySvg");
if(mySvg.className.baseVal == "displayed") {
mySvg.className.baseVal = "transparent";
} else {
mySvg.className.baseVal = "displayed";
}
}
function toggleLabels() {
alert("TODO");
}
</script> </script>
</head> </head>
<body onload="init()" style="margin:0; padding:0"> <body onload="init()" style="margin:0; padding:0">
<img id="myImage" src="alarian.png" alt="Alarian" /> <img id="myImage" src="alarian.png" alt="Alarian" />
<svg id="mySvg" style="position: absolute; top: 0; left: 0" viewBox="0 0 2500 3250" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink"> <svg id="mySvg" class="transparent" style="position: absolute; top: 0; left: 0" viewBox="0 0 2500 3250" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink">
<!-- Norven --> <!-- Norven -->
<a xlink:href=""> <a xlink:href="">
@ -1017,7 +1031,15 @@
</svg> </svg>
<input type="range" min="30" max="250" value="100" class="slider" id="myRange" style="position: fixed; top: 0; left: 0" /> <div style="position: fixed; top: 0; left: 0">
<input type="range" min="30" max="250" value="100" class="slider" id="myRange" />
<br />
<input id="checkPoints" type="checkbox" onclick="togglePoints()" />
<label for="checkPoints">Points</label>
<br />
<input id="checkLabels" type="checkbox" onclick="toggleLabels()" />
<label for="checkLabels">Labels</label>
</div>
</body> </body>
</html> </html>