〔New！ｹﾞｰﾑ〕　〔初期化〕　〔復旧〕　□New小Win版

難易レベルの設定 :

クリック数 :

クリックで自身と周りの数を １減数、０ は３ に、範囲 :　０〜３　　ゴール : 全て ０ に。

　

　

　

ﾎｰﾑへ　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　ｵｰﾙｾﾞﾛｹﾞｰﾑ　all0_game.htm　　　　□New小Win版 　　　　

上下左右の数値をｸﾘｯｸで1づつ減らし、全てのｾﾙを、”0”で埋め尽くすｸﾘｯｸ数を競います。　　　　　DHTML。　　　　　　配色、ｻｲｽﾞのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　all 対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。

ﾃﾞﾓは、　任意のｾﾙのｸﾘｯｸ！で。

　

< ご使用方法 >

　・　保存は all0_game.htm を右ｸﾘｯｸ、【名前を付けてﾘﾝｸを保存】 - <保存する場所>： ……、などで。　　※:　変わってしまった、ﾌｧｲﾙ名や、*.htm 中のﾊﾟｽは要修正。

　・　ﾍﾟｰｽﾄは、all0_game.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどの ”ﾃｷｽﾄﾓｰﾄﾞ で、新しいﾍﾟｰｼﾞや hogehoge.htm（=任意の挿入先ﾌｧｲﾙ名） の、 <head>　〜　</head> の任意の行間に (*1)を、さらに <body>　〜　</body>の任意の行間に (*2) をﾍﾟｰｽﾄします。　　　※: ﾃｷｽﾄﾓｰﾄﾞ :  ｺｰﾄﾞ/HTMLﾀｸﾞ挿入/HTMLﾒﾆｭｰ など。

　･　編集 : hogehoge.htm に ﾃｷｽﾄﾓｰﾄﾞでﾍﾟｰｽﾄ 後は、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄのﾃﾞｻﾞｲﾝや通常ﾓｰﾄﾞ、ﾃｷｽﾄﾓｰﾄﾞ、ﾃｷｽﾄｴﾃﾞｨﾀｰで編集します。　　下記の（例） (*1) と、(*2) を参考に太字部分の編集を任意に行います。　

※: 外部ﾄﾞﾒｲﾝ（ｻｲﾄ）にｱｯﾌﾟﾛｰﾄの画像などの使用は、非表示に注意。　　画像の alt ﾀｸﾞは不可、ｻｲｽﾞ指定の pt などの省略は注意。　　ｽｸﾘﾌﾟﾄ構文中への 改行混入に注意。　　

　･　ｱｯﾌﾟﾛｰﾄﾞは、hogehoge.htm と同じﾎﾙﾀﾞｰに、使用してる画像、*.js、*.css をｱｯﾌﾟﾛｰﾄﾞします。 　　別ﾎﾙﾀﾞｰの場合は、hogehoge.htm の該当ﾊﾟｽ注意。

　・　作動ﾃｽﾄは Edge〜 などで開いて。　　更新の確認は、ﾌﾞﾗｳｻﾞｰなどのｷｬｯｼｭのｸﾘｱ後に実施。　　(1) [F5]ｷ- or Ctrl+Rｷｰ を押し、最新ﾃﾞｰﾀ読み込みで。　　完全には、(2) Edgeを全て閉じ、再起動を行い、【Edge】 - 右上 [……] - [設定] - [ﾌﾟﾗｲﾊﾞｼｰ、検索、ｻｰﾋﾞｽ] - [閲覧ﾃﾞ-ﾀをｸﾘｱ] - ［ｸﾘｱ-するﾃﾞ-ﾀの選択］ - ［ｖ］閲覧の履歴 -［今すくｸﾘｱ］ をｸﾘｯｸ。

　･　関連情報 ： 色記号、色記号5、〃6、ﾌｫﾝﾄ、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門、HTMLをﾃｷｽﾄｴｷﾞﾀ-で編集。

　

(*1) ：　all0_game.htm （例）　　　　　　　　挿入先の 　<head> 〜 </head>　の、〜部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　  (*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。
〔この列ﾍﾟｰｽﾄ不要〕  　

ｼﾌﾄJIS使用（削除不可）
Edgeなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）
<style type= 〜  </style>は（削除可）
(*1)〜(*3)表ﾀｲﾄﾙ背景
body 文字色　背景色　下線
ﾊｲﾊﾟｰﾘﾝｸ 〃
表示済みの〃
ﾏｳｽｵｰﾊﾞｰ時の〃
ｸﾘｯｸ中の〃
ﾌｫﾝﾄ

　

　


ﾘﾝｸを新しいWinで開くを標準（削除可）※：target=　いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent
お気に入りなに示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）


ﾀｲﾙ背景色  〃数字色

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

PCからのﾒｯｾｰｼﾞ

 　

<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">

<link REL="SHORTCUT ICON" href="favicon.ico">

<style type="text/css"><!--
.xxx0 { background: #F9F8F9 url('wttec.gif'); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFF; }
body { color:#000000; background: #F9F8F9 url('wttec.gif'); text-decoration:none; }
a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D2F3F4; text-decoration:underline; }
a:active { color:#1F002E; background-color:#F5FFD2; text-decoration:underline; }
font {font-size:12px; line-height:13px;}
body,tr,td,form{ font-family:MS PGothic,MS Gothic,Verdana; font-size: 12px}
 --></style>

<base target="_blank">

<title>サンプルページ　　オールゼロゲーム</title>

<!-- ☆ ---------- ↓ この間をｺﾋﾟｰ､編集､ﾍﾟｰｽﾄします｡ ---------- -->
<style type="text/css">
<!--
input { font-family: Verdana; font-size: 18px; background-color:#6200A2; color: #FFFFFF; border-left: 10px; border-right: 10px; border-color: #FFFFFF; border-style: double }
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: http://webplaza.pt.lu/dostert/ -->
<!-- Begin
var Size = new Number(6);
var Moves = new Array();
function NewGame()
{
for(i = 0; i < Size * Size; document.forms[0].elements[i++].value = 0);
for(i = 0; i < 3 + 3 * document.forms[0].Difficulty.selectedIndex; i++)
NewValue(Math.floor(Math.random() * Size),Math.floor(Math.random() * Size),1);
Moves.length = document.forms[0].Score.value = 0;
}
function TakeBack(flag)
{
while(flag-- && (i = Moves.pop()))
NewValue(parseInt(i.split("-")[0]),parseInt(i.split("-")[1]),1);
document.forms[0].Score.value = Moves.length;
}
function Clicked(x,y)
{
NewValue(x,y,3);
document.forms[0].Score.value = Moves.push(x + "-" + y);
for(i = 0; i < Size * Size; i++)
if(parseInt(document.forms[0].elements[i].value))
return;
alert((Moves.length <= 3 + 3 * document.forms[0].Difficulty.selectedIndex ? "完璧です!。\n" : "") + "おめでとう、＼^o^／" + Moves.length + " ｸﾘｯｸ！、でした。");
NewGame();
}
function NewValue(x,y,c)
{
ChangeValue(x,y,c);
ChangeValue(x - 1,y,c);
ChangeValue(x + 1,y,c);
ChangeValue(x,y - 1,c);
ChangeValue(x,y + 1,c);
}
function ChangeValue(x,y,c)
{
if(x >= 0 && x < Size && y >= 0 && y < Size)
with(document.forms[0].elements[x + Size * y]) value = (parseInt(value) + c) & 3;
}
// End -->
</script>
<!-- ☆ ---------- ↑ この間をｺﾋﾟｰ､編集､ﾍﾟｰｽﾄします｡ ---------- -->

====  この間､説明を省略｡  ====

　

　

(*2) ：　all0_game.htm （例）　　　　　　　　挿入先の 　<body> 〜 </body>　の、〜 部分にﾍﾟｰｽﾄします。

HTMLの編集方法　  (*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。
〔この列ﾍﾟｰｽﾄ不要〕

※：<body>　部の編集　記述

背景色 背景画像像(優先)　
罫線色(左上右下)


　

吹き出し　表示文字

　

　

　

　

　

　

　

　

　

　

　

表示文字

　

　


　

　

　

表示文字　色

表示文字

 　

<body onLoad="NewGame()">
<!-- ★ ---　↑の、onLoad="NewGame()"　と、　------ ↓ この間をｺﾋﾟｰ､編集､ﾍﾟｰｽﾄします｡ ---------- -->
<div style="width:290;padding:10 10; background-color:#6200A2; background-image: url('wttec.gif');border-left: #CDC7C2 1px solid; border-top: #CDC7C2 1px solid; border-right: #CDC7C2 1px solid; border-bottom: #CDC7C2 1px solid;">
<p><a href="" onClick="NewGame(); return false;" onMouseOver="window.status='Start a new game'; return true;" onMouseOut="window.status=''; return true;" title="新たに開始！、…*">〔<b>New！ｹﾞｰﾑ</b>〕</a>　<a href="" onClick="TakeBack(-1); return false;" onMouseOver="window.status='Restart the board'; return true;" onMouseOut="window.status=''; return true;" title="初期化">〔<b>初期化</b>〕</a>　<a href="" onClick="TakeBack(1); return false;" onMouseOver="window.status='Undo last move'; return true;" onMouseOut="window.status=''; return true;" title="ひとつ前に戻る！。">〔<b>復旧</b>〕</a>　<a href="#" onClick="window.open('all0_game.htm', 'XX','status=yes,scrollbars=yes,width=340,height=380,resizable=yes,location=no,directories=no,screenX=2,left=2,screenY=2,top=2')" target="_self"
title="親Winを閉じると、□は下層に移動しますが、ﾀｽｸﾊﾞｰの［Edge］ｱｲｺﾝ から上層に。">□New小Win版</a></p>
<form action="" method="get" enctype="application/x-www-form-urlencoded">
<script type="text/javascript">
<!--
for(y = 0; y < Size; y++,window.document.write("<br>"))
for(x = 0; x < Size; x++)
window.document.write('<input type="button" value="" onClick="Clicked(' + x + ',' + y + ')">');
// -->
</script>
<!--
for(y = 0; y < Size; y++,window.document.write("<br>"))
for(x = 0; x < Size; x++)
window.document.write('<input type="button" value="" onClick="Clicked(' + x + ',' + y + ')">');
// -->
</script>
<p>
難易ﾚﾍﾞﾙの設定 : <select name="Difficulty" onChange="NewGame()">
<option>Huh, what ?</option>
<option>Dumb</option>
<option>Real easy</option>
<option>Easy</option>
<option selected>Normal</option>
<option>Hard</option>
<option>Real hard</option>
<option>Master</option>
<option>Impossible</option>
</select>
</p>
<p>ｸﾘｯｸ数 : <input type="text" name="Score" value="0" size="3"　color="#000000" disabled></p>
</form>
<dl>
<p>ｸﾘｯｸで自身と周りの数を １ 減数、０ は ３ に、全て ０ に。<br>範囲 :　０〜３</p></dl></div>
<!-- ★ ---------- ↑ この間をｺﾋﾟｰ､編集､ﾍﾟｰｽﾄします｡ ---------- -->
　

ハロー（^. ^）