○×ゲーム簡易版
○×ゲーム簡易版
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD.xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta HTTP-EQUIVE="Content-Type" CONTENT="text/html;charset=utf-8" />
<title>○×ゲーム簡易版</title>
<!-- ○×ゲーム簡易版 -->
<script src="../js/prototype.js" type="text/Javascript"></script>
<script src="../js/test7.js" type="text/Javascript"></script>
</head>
<body>
<form id=frm name=frm>
<table border=1 style="background-color:darkgreen">
<tr>
<td style="width:50px;height:50px;text-align:center;"><div id=click0 ><img id=img0 src="../data/none.png"></div></td>
<td style="width:50px;height:50px;text-align:center;"><div id=click1 ><img id=img1 src="../data/none.png"></div></td>
<td style="width:50px;height:50px;text-align:center;"><div id=click2 ><img id=img2 src="../data/none.png"></div></td>
</tr>
<tr>
<td style="width:50px;height:50px;text-align:center;"><div id=click3 ><img id=img3 src="../data/none.png"></div></td>
<td style="width:50px;height:50px;text-align:center;"><div id=click4 ><img id=img4 src="../data/none.png"></div></td>
<td style="width:50px;height:50px;text-align:center;"><div id=click5 ><img id=img5 src="../data/none.png"></div></td>
</tr>
<tr>
<td style="width:50px;height:50px;text-align:center;"><div id=click6 ><img id=img6 src="../data/none.png"></div></td>
<td style="width:50px;height:50px;text-align:center;"><div id=click7 ><img id=img7 src="../data/none.png"></div></td>
<td style="width:50px;height:50px;text-align:center;"><div id=click8 ><img id=img8 src="../data/none.png"></div></td>
</tr>
</table>
</form>
</body>
</html>
<!--
test7.js
//画面が呼び出されたタイミングで実行します。
Event.observe( window, 'load', clickEvent );
//○と×を交互につけるため
var flg=0;
//ボタンの実装
function clickEvent()
{
//1個目のボタン
Event.observe(
'click0',
'click',
function()
{
document.getElementById("img0").src =getImageArray();
}
);
//2個目のボタン
Event.observe(
'click1',
'click',
function()
{
document.getElementById("img1").src =getImageArray();
}
);
//3個目のボタン
Event.observe(
'click2',
'click',
function()
{
document.getElementById("img2").src =getImageArray();
}
);
//4個目のボタン
Event.observe(
'click3',
'click',
function()
{
document.getElementById("img3").src =getImageArray();
}
);
//5個目のボタン
Event.observe(
'click4',
'click',
function()
{
document.getElementById("img4").src =getImageArray();
}
);
//6個目のボタン
Event.observe(
'click5',
'click',
function()
{
document.getElementById("img5").src =getImageArray();
}
);
//7個目のボタン
Event.observe(
'click6',
'click',
function()
{
document.getElementById("img6").src =getImageArray();
}
);
//8個目のボタン
Event.observe(
'click7',
'click',
function()
{
document.getElementById("img7").src =getImageArray();
}
);
//9個目のボタン
Event.observe(
'click8',
'click',
function()
{
document.getElementById("img8").src =getImageArray();
}
);
}
function getImageArray()
{
var sImg;
if(flg==0)
{
sImg="../data/maru.png";
flg=1;
}
else
{
sImg="../data/batu.png";
flg=0;
}
img = new Image();
img.src = sImg;
return img.src;
}
--------------------------------------------------
-->
|
|