209 lines
No EOL
5.8 KiB
HTML
209 lines
No EOL
5.8 KiB
HTML
<html>
|
|
<HEAD>
|
|
<title>Uncheck</title>
|
|
<meta name="viewport" content="width=240">
|
|
<style>
|
|
body { margin: 0px; }
|
|
#screen { width: 240px; height:176px; overflow: hidden; }
|
|
</style>
|
|
<!-- Original: Andrew Gacek (andrew@dgi.net) -->
|
|
<!--http://javascript.internet.com-->
|
|
<SCRIPT>
|
|
function fillall() {
|
|
for (var i = 0; i < 24; i++) {
|
|
document.lightsform.elements[i].checked=1;
|
|
}
|
|
}
|
|
function clearall() {
|
|
for (var i = 0; i < 24; i++) {
|
|
document.lightsform.elements[i].checked=0;
|
|
}
|
|
}
|
|
function level1() {
|
|
clearall();
|
|
document.lightsform.elements[10].checked=1;
|
|
document.lightsform.elements[12].checked=1;
|
|
document.lightsform.elements[14].checked=1;
|
|
}
|
|
function level2() {
|
|
clearall();
|
|
document.lightsform.elements[12].checked=1;
|
|
document.lightsform.elements[16].checked=1;
|
|
document.lightsform.elements[17].checked=1;
|
|
document.lightsform.elements[18].checked=1;
|
|
document.lightsform.elements[20].checked=1;
|
|
document.lightsform.elements[21].checked=1;
|
|
document.lightsform.elements[22].checked=1;
|
|
document.lightsform.elements[23].checked=1;
|
|
document.lightsform.elements[24].checked=1;
|
|
}
|
|
function level3() {
|
|
fillall();
|
|
document.lightsform.elements[4].checked=0;
|
|
document.lightsform.elements[6].checked=0;
|
|
document.lightsform.elements[7].checked=0;
|
|
document.lightsform.elements[8].checked=0;
|
|
document.lightsform.elements[11].checked=0;
|
|
document.lightsform.elements[12].checked=0;
|
|
document.lightsform.elements[13].checked=0;
|
|
document.lightsform.elements[16].checked=0;
|
|
document.lightsform.elements[17].checked=0;
|
|
document.lightsform.elements[18].checked=0;
|
|
document.lightsform.elements[24].checked=0;
|
|
}
|
|
function level4() {
|
|
clearall();
|
|
document.lightsform.elements[2].checked=1;
|
|
document.lightsform.elements[6].checked=1;
|
|
document.lightsform.elements[8].checked=1;
|
|
document.lightsform.elements[10].checked=1;
|
|
document.lightsform.elements[12].checked=1;
|
|
document.lightsform.elements[14].checked=1;
|
|
document.lightsform.elements[16].checked=1;
|
|
document.lightsform.elements[18].checked=1;
|
|
document.lightsform.elements[22].checked=1;
|
|
}
|
|
function level5() {
|
|
clearall();
|
|
document.lightsform.elements[11].checked=1;
|
|
document.lightsform.elements[16].checked=1;
|
|
document.lightsform.elements[21].checked=1;
|
|
}
|
|
function checkall() {
|
|
var win=1;
|
|
for (var i = 0; i < 24; i++) {
|
|
if (document.lightsform.elements[i].checked==1) {
|
|
win=0;
|
|
}
|
|
}
|
|
if (win==1){
|
|
alert("You Won!!")
|
|
}
|
|
}
|
|
function check(v){
|
|
q=5;
|
|
w=1;
|
|
row=parseInt(v/q)+w;
|
|
if (isNaN(row)) {
|
|
row=1;
|
|
}
|
|
intv = parseInt(v);
|
|
a=eval(intv+q);
|
|
b=eval(intv-q);
|
|
c=eval(intv+w);
|
|
d=eval(intv-w);
|
|
if (a<0 || a>24){
|
|
a=25;
|
|
}
|
|
if (b<0 || b>24){
|
|
b=25;
|
|
}
|
|
if (c<0 || c>24){
|
|
c=25;
|
|
}
|
|
if (d<0 || d>24){
|
|
d=25;
|
|
}
|
|
kc = (parseInt(c/q)+w)
|
|
kd = (parseInt(d/q)+w)
|
|
kv = row;
|
|
if (kc != kv){
|
|
c=25;
|
|
}
|
|
if (kd != kv){
|
|
d=25;
|
|
}
|
|
if (v==5) d=25; // correction for strange bug
|
|
|
|
if (document.lightsform.elements[a].checked == 1) {
|
|
document.lightsform.elements[a].checked=0;
|
|
}
|
|
else {
|
|
document.lightsform.elements[a].checked=1;
|
|
}
|
|
if (document.lightsform.elements[b].checked == 1) {
|
|
document.lightsform.elements[b].checked=0;
|
|
}
|
|
else {
|
|
document.lightsform.elements[b].checked=1;
|
|
}
|
|
if (document.lightsform.elements[c].checked == 1) {
|
|
document.lightsform.elements[c].checked=0;
|
|
}
|
|
else {
|
|
document.lightsform.elements[c].checked=1;
|
|
}
|
|
if (document.lightsform.elements[d].checked == 1) {
|
|
document.lightsform.elements[d].checked=0;
|
|
}
|
|
else {
|
|
document.lightsform.elements[d].checked=1;
|
|
}
|
|
checkall();
|
|
}
|
|
</script>
|
|
<script>
|
|
function help(){
|
|
alert('Try to eliminate all the boxes to win. When you check a box, all the squares around it (one above, one below, and one to each side) are unselected.');
|
|
}
|
|
</script>
|
|
</HEAD>
|
|
<BODY bgcolor=red>
|
|
<div id="screen">
|
|
<center>
|
|
<form name=lightsform>
|
|
<table colspec="l20 l20 l20 l20 l20" border=1 bgcolor=yellow>
|
|
<tr>
|
|
<td><input type=checkbox value=0 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=1 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=2 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=3 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=4 onClick="check(value)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type=checkbox value=5 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=6 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=7 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=8 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=9 onClick="check(value)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type=checkbox value=10 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=11 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=12 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=13 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=14 onClick="check(value)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type=checkbox value=15 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=16 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=17 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=18 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=19 onClick="check(value)"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type=checkbox value=20 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=21 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=22 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=23 onClick="check(value)"></td>
|
|
<td><input type=checkbox value=24 onClick="check(value)"></td>
|
|
</tr>
|
|
</table>
|
|
<table border=0>
|
|
<tr>
|
|
<td><font size="2"><a href="javascript:level1()">level 1</a></font></td>
|
|
<td><font size="2"><a href="javascript:level2()">level 2</a></font></td>
|
|
<td><font size="2"><a href="javascript:level3()">level 3</a></font></td>
|
|
</tr>
|
|
<tr>
|
|
<td><font size="2"><a href="javascript:level4()">level 4</a></font></td>
|
|
<td><font size="2"><a href="javascript:level5()">level 5</a></font></td>
|
|
<td><font size="2"><input type="reset" value="clear"></font></td>
|
|
</tr>
|
|
</table>
|
|
<font size="1"><a href="javascript:help();">Help</a></font>
|
|
</form>
|
|
</center>
|
|
</div>
|
|
</BODY>
|
|
</html> |