<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta name="description" content="ならびかえクイズ">
<meta name="keywords" content="JavaScript,html,Game,Macintosh">
<title>ならびかえクイズ SchussL1</title>

<script language="JavaScript">
<!--
//-----------------------------------------------●データ
Data = "Arbeit,名,アルバイト/Autobahn,名,アウトバーン/Baumkuchen,名,バウムクーヘン/Bier,名,ビール/Dachshund,名,ダックスフント/Gelände,名,ゲレンデ/Karte,名,カルテ/Märchen,名,メルヘン/Neurose,名,ノイローゼ/Spur,名,シュプール/Volkswagen,名,フォルクスワーゲン/Wandervogel,名,ワンダーホーゲル/Bach,人名,バッハ/Benz,人名,ベンツ/Diesel,人名,ディーゼル/Einstein,人名,アインシュタイン/Ende,人名,エンデ/Hesse,人名,ヘッセ/Mozart,人名,モーツァルト/Röntgen,人名,レントゲン/Schweizer,人名,シュヴァイツァー/Strauß,人名,シュトラウス/Wagner,人名,ワーグナー/Berlin,地名,ベルリン/Düsseldorf,地名,デュッセルドルフ/Heidelberg,地名,ハイデルベルク/Leipzig,地名,ライプチヒ/München,地名,ミュンヘン/Potsdam,地名,ポツダム/Salzburg,地名,ザルツブルク/Wien,地名,ウィーン"

//-----------------------------------------------●データ処理
Mondai = Data.split("/")
for(i=0;i<Mondai.length;i++) Mondai[i] = Mondai[i].split(",")
Mrr = RanNum(0,Mondai.length-1) //問題をシャッフル

//-----------------------------------------------●初期設定
Ncnt = 0
Miss = 0
Moji = ""

//-----------------------------------------------●パス
function Pass(){
	Msg = '<div class="kre">'+Que[0]+'</div>'
	outputLAYER("Ans",Msg)
	setTimeout('Next()',500)
}

//-----------------------------------------------●次の問題を表示
function Next(){
	ranMoji(Mrr[Ncnt]) //ranMoji(Ncnt)なら順番通り
	Ncnt = (Ncnt+1)%Mrr.length //エンドレス
	Hint( )//--------------常にヒントが表示される
}
window.onload = Next

//-----------------------------------------------●問題作成
function ranMoji(m){
	Que = Mondai[m]
	Qn = Que[0].length
	Kmoji = new Array() //文字の配列
		for(i=0;i<Qn;i++) Kmoji[i] = Que[0].charAt(i)
	do {
		Rrr = RanNum(0,Qn-1)
	} while(Rrr[0]==0 || (Rrr[0]==0 && Rrr[1]==1)) //問題を分かりにくくする
	Str = ""
	for(i=0;i<Qn;i++)
		Str += '<a href="javascript:outputMoji('+Rrr[i]+')">'+Kmoji[Rrr[i]]+'</a>'
	Str = '<div class="ka">'+Str+'</div>'
	outputLAYER("Kan",Str)
	outputLAYER("Hin","")
	clearMoji()
	Miss = 0
}

//-----------------------------------------------●ヒント表示
function Hint( ){
	if(Ncnt==0) return
	Str = '<div class="m18">（'+Que[1]+'）&nbsp;'+Que[2]+'</div>'
	outputLAYER("Hin",Str)
}

//-----------------------------------------------●正解かどうかチェック
function checkMoji(){
	if(Moji==Que[0]) {
		Msg = "richtig!(^^)!"
		setTimeout('Next()',1010)
	}
	else {
		Msg = "falsch! (>_<)"
		Miss++
		if(Miss==2) setTimeout('Pass()',1010) //二度まちがえると次に進む
	}
	Msg = '<div class="kre">'+Msg+'</div>'
	setTimeout('outputLAYER("Ans",Msg)',500)
	setTimeout('clearMoji()',1000)
}

//-----------------------------------------------●クリック文字を書き出す
function outputMoji(n){
	if(Moji.length==Qn) return
	Moji += Kmoji[n]
	Str = '<div class="kar">'+Moji+'</div>'
	outputLAYER("Ans",Str)
	if(Moji.length==Que[0].length) checkMoji()
}

//-----------------------------------------------●最後の一文字を消す
function delMoji(){
	if(Moji.length<1) return
	Moji = Moji.slice(0,-1) //最後の一文字を消す
	Str = '<div class="kar">'+Moji+'</div>'
	outputLAYER("Ans",Str)
}

//-----------------------------------------------●文字を全て消す
function clearMoji(){
	Moji = ""
	outputLAYER("Ans",Moji)
}

//-----------------------------------------------●ランダムな数列を作る
function RanNum(F,T){
	Arr = new Array() //基本の数列 F～T
	for (i=0 ; i<(T-F+1) ; i++) Arr[i] = i+F
	Brr = new Array()//ランダムな数列
	for (i=0 ; i<(T-F+1) ; i++){
		Rnum = Math.floor(Math.random()*Arr.length)
		Brr[i] = Arr[Rnum] 
		Arr1 = Arr.slice(0,Rnum)//配列を一部分抜き出す
		Arr2 = Arr.slice(Rnum+1,Arr.length)
		Arr = Arr1.concat(Arr2)//配列を連結
	}
	return Brr
}

//-----------------------------------------------●レイヤー内に出力する
function outputLAYER(Lay,Str) {
	Str = '<table border=0 cellpadding=0 cellspacing=0><tr><td>'+Str
	Str += '</td></tr></table> '//半角スペース必要
	if(document.getElementById) {
		document.getElementById(Lay).innerHTML = Str
	} else if(document.all) {
		document.all(Lay).innerHTML = Str
	} else if(document.layers) {
		with(document.layers[Lay].document) {
			open(); write(Str); close()
		}
	}
}

//-----------------------------------------------●for Netscape4
function NcReload(){window.document.location.reload()}
if(document.layers) window.onresize = NcReload
//-->
</script>

<style type="text/css"><!--

.f12{ font-size:12px; color:black }
.f10{ font-size:10px; line-height:15px; color:black; width:340px }
.m18{ font-size:18px; line-height:24px; color:black }
.ka{ font-size:48px; color:black }
.kar{ font-size:48px; color:#3d968e }
.kre{ font-size:48px; color:#b16070 }
input{ font-size:12px; background:#555555; color:white }
.ingre{ font-size:12px; background:#669999; color:white }

body{ background:#fffff5; margin:0 0 0 0 }
A{ TEXT-DECORATION: none; font-weight:bold }
A:LINK{ COLOR: navy }
A:HOVER{ COLOR: orange }
A:ACTIVE{ COLOR: red }
A:VISITED{ COLOR: navy }

#But{ position:absolute; left:50px; top:340px; z-index:4 }
#Kan{ position:absolute; left:50px; top:50px; z-index:3 }
#Hin{ position:absolute; left:50px; top:150px; z-index:2 }
#Ans{ position:absolute; left:50px; top:210px; z-index:1 }

//--></style>

</head>

<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" class="f12">

<!--------------------------Layer--------------------------->
<div id="But">
<form name="form0">
<input type="button" value="&nbsp;Pass&nbsp;" onClick="Pass()" class="ingre">
<input type="button" value="&nbsp;Delete&nbsp;" onClick="delMoji()">
<input type="button" value="&nbsp;Clear&nbsp;" onClick="clearMoji()">
<input type="button" value="&nbsp;Hint&nbsp;" onClick="Hint()">
<br>　<br>　<br>
<div class="f10">
<font size=2><b>ドイツ語の綴りと発音の規則に慣れましょう。</b><p>
教科書10ページに出てくる単語です。<br>
文字を正しい順番にクリックして並び替えてください。わからない場合はパスをしてください。Deleteで一文字、Clearですべての文字が消せます。二回まちがえると自動的に次に進みます。</font></div>
　<br>
<a href="javascript:history.go(-1)">zurück</a>
<div class="f10">by Hiroko Nishiguchi/Stand 28.09.2003</div>
</form>
</div>

<div id="Kan"></div>
<div id="Hin"></div>
<div id="Ans"></div>

</body>
<!--space &nbsp; by nanjamonja 03.8.12-->
</html>