クイズ 2

1. 有賀さつきの、身長は?。
172センチ 170センチ 168センチ 166センチ

2. 近藤サトの血液型は?。
A型 B型 O型 AB型

3. 黒田あゆみは、?と棲んでいた。
子犬 小鳥 仔ねこ フェレット

4. 田口恵美子の血液型は ?。
A型 B型 O型 AB型

5. 有賀さつきは、菓子コンクール「ル・シャルル・プルースト」のシニア部門で ?位 入賞。
1位 2位 3位 4位

6. 有賀さつきは、小型船舶 ?級 ライセンス保持。
1級 2級 3級 4級

7. 有賀さつきの、趣味は?。
チェロ ヴァイオリン フルート ピアノ

8. 青山祐子、大学では弓道で全国優勝、?段。
1段 2段 3段 4段

9. 青山祐子の、好きな言葉は ?。
夢 愛 静謐 情熱

10. 青山祐子の、趣味は ?。
読書 スポーツ 随筆執筆 瞑想

11. 青山祐子の、モットーは ?。
向上心を持って、何にでも挑戦すること。
準備万端、何にでも挑戦すること。
好奇心を持って、何にでも挑戦すること。
夢を持って、何にでも挑戦すること。

12. 小林麻耶の、特技は ?。
英会話 縄跳び 囲碁 ダーツ

13. 小林麻央は、11/20?を買いました。
携帯電話 プリンター 自転車 デジカメ

14. 小林麻央の、お気に入りの雪像は ?。
クマ 新庄 宮殿 自由の女神

15. 小林麻央は、? 警察の一日署長を務めた!!。
渋谷 町田 世田谷 多摩

16. 小林麻央、デイリークイーンのソフトクリームを初めて食べたのは、? の時。
小学5年 小学6年 中学1年 中学2年

17. 小林麻央、青い ? がけっこうお気に入り。
ハイソックス 携帯 手帳 スケジュール帳

18. 小林麻央、1/30のランチは、?。
おにぎり クレープ ボンゴレビアンコイタリアン

19. 岩瀬惠子は、? のファン。
スヌーピー ベルばら ドラえもん ハロー・キティ

20. 有賀さつきが著した、?。
会話美人 35のレッスン
会話美人 36のレッスン
会話美人 50のレッスン
会話美人 100のレッスン

成績 :

正解 :

 

ホームへ       サンプルページ  クイズ 2 quiz2.htm

四択クイズ、設問自在、訂正可。     DHTML。     設問、〃数などのカスタマイズはテキストエディターなどで可。    all 対応。     コピー、編集し、簡単にWebで応用できまっ、(^ ^)。

デモは、[判定]ボタン などで。

 

< ご使用方法 >

・ ローカル(=PC)への保存は、quiz2.htmを右クリック、[対象をファイルに保存] - 【ファイルのダウンロード】、【ファイル名を付けて保存】 - <保存する場所>: ……、などで。    ※: 【Internet Explorer】 - [ファイル] - [名前を付けて保存]−[ファイルの種類] ”Webページ、完全” ……、などで変わってしまったファイル名や、*.html 中のパスは要修正。

・ このDHTMLの実装方法は、quiz2.htm をテキストエディターで開き、ホームページ作成ソフトなどのHTML挿入/編集メニューなどを使って、新しいページ 1 や hogehoge.html(=任意の挿入先ファイル名) の、<head> 〜</head>の任意の行間に (*1) を、さらに<body> 〜</body>の任意の行間に (*2) をペーストします。

・ 編集方法は、hogehoge.html を WordPadや SmipleTextなどのテキストエディター、あるいはホームページ制作ソフトのHTMLタグ挿入/編集メニュー で開き編集します。    下記の(例) (*1) と、(*2) を参考に太字部分の編集を任意に行います。   ※: テキストエディターによる編集は、HP制作ソフトとの互換性の問題を生じません(HP制作ソフト間は少し生じる)。

・ 作動テストは、ローカル(PC)に保存し、 Internet Explorer 6.x〜 などで開いて。    更新の確認は、ie、Netscapeやサーバーからのキャッシュデーター更新を、目的のページを表示し ieで [F5]キー を押し最新データ読み込みで行います(≠再アクセス)。   Netscapeは、Ctrl+Rキーで。

・ アップロードや作動テストは、hogehoge.html と同じ階層〔ホルダー/ディレクトリー〕に、使用する画像なども転送/配置し実施。  ※:別ディレクトリーに配置時は、*.html 中のパスは要修正。   FTPなどで変わったファイル名は要修正。    スクリプト構文中への改行混入は非作動原因。

 ・ 関連情報 : 色記号62スタイルシートリファレンスホームページ開設入門が便利!。   Web DevelopmentWeb開発MSDN IE8 HTMLとCSS

 

(*1) quiz2.htm (例)        挿入先の  <head> 〜 </head>の、部分にペーストします。

HTMLの編集方法   (*1) をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。
〔この列ペースト不要〕

シフトJIS使用(削除不可)

ieなどに表示するアイコンファイル名(削除可)

<style type 〜</style>は(削除可)
ハイパーリンク文字色 背景色 下線
表示済みの〃
マウスオーバー時の〃
クリック中の〃

リンクを新しいWinで開くを標準(削除可)※:target= いろいろ
同じフレーム target="_self"
ページ全体  target="_top"
親フレーム  target="_parent"
お気に入り、タスクバーに表示するページ名(≠ファイル名)

入力欄背景色 文字色 背景画像

 

 

問数 

四択

 

連番 正解

 

 

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

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

<style type="text/css"><!--
a:link { color:#55006C; background-color:#FAFAFC; text-decoration:none; }
a:visited { color:#3E0010; background-color:#F3F2F4; text-decoration:none; }
a:hover { color:#8000e2; background-color:#E8E5E9; text-decoration:underline; }
a:active { color:#E700A4; background-color:#E1DDE9; text-decoration:underline; }
-->
</style>

<base target="_blank">
<title>サンプルページ  クイズ 2</title>

 

<!-- ☆ ----------- ↓ この間をコピー&ペーストします。 ------------ -->
<style type="text/css">
<!--
.bgclr {background-color:white; color:#9F99B3; font-weight:normal; background-image:url('wttec.gif');}
-->
</style>
<script language="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
// Insert number of questions
var numQues = 20;
// Insert number of choices in each question
var numChoi = 4;

// Insert number of questions displayed in answer area
var answers = new Array(20);

// Insert answers to questions
answers[0] = "170センチ";
answers[1] = "B型";
answers[2] = "仔ねこ";

====  この間、説明を省略。  ====

form.solutions.value = correctAnswers;
}
// End -->
</script>
<!-- ☆ ----------- ↑ この間をコピー&ペーストします。 ------------ -->

 

(*2) quiz2.htm (例)        挿入先の  <body> 〜 </body> の、 部分にペーストします。

HTMLの編集方法   (*2)をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。
〔この列ペースト不要〕

※:<body>

 

 配置 幅 
罫線色


背景画像

 

問い
四択回答

以下、同様。

 

 

 

ボタン文字 〃吹き出し 背景色 文字色 

 

<body>

<!-- ★ ----------- ↓ この間をコピー&ペーストします。 ------------ -->
<!-- ■ ---- 位置調整のためのDIV有りは、 ↓ この間をコピー&ペーストします。 -->
<!--               表示枠位置     表示枠サイズ        座標              表示枠背景色 -->
<div style="position:relative; top:10; left:10; width:312; height:10; z-index:0; visibility:visible; background-color:#FFFFFF; background-image: url('');" title="=(゜。.゜)=">
<table width="312" height="" border="1" cellspacing="6" cellpadding="2" bgcolor="#FFFFFF" style="border-collapse: collapse" bordercolorlight="#F1F0FB" bordercolordark="#D5CED3">
<tr>
<td bgcolor="#FFFFFF" valign="top" align="left" background="wttec.gif">
<!-- ★ ----------- ↓ この間をコピー&ペーストします。 ------------ -->
<center><h3><font color="#75698F">クイズ 2</font></h3></center>
<form name="quiz">
1. 有賀さつきの、身長は?。<br>
<input type="radio" name="q1" value="172センチ">172センチ <input type="radio" name="q1" value="170センチ">170センチ <input type="radio" name="q1" value="168センチ">168センチ <input type="radio" name="q1" value="166センチ">166センチ<br><br>

====  この間、説明を省略。  ====

20. 小林麻央、1/30のランチは、?。<br>
<input type="radio" name="q20" value="おにぎり">おにぎり <input type="radio" name="q20" value="クレープ">クレープ <input type="radio" name="q20" value="スパゲティ">スパゲティ <input type="radio" name="q20" value="イタリアン">イタリアン<br><br>

<input type="button" onClick="getScore(this.form)" value="判定" title="あなたの真実は、…*" style="background:#6C6477; color:#E1FF00;">
<input type="reset" value="リセット" title="やり直す〜、(^ ^)" style="background:#6C6477; color:#FF95CA;">
<p>成績 : <strong><input class="bgclr" type="text" size="5" name="percentage" disabled></strong><br><br>
正解 : <br>
<textarea class="bgclr" name="solutions" wrap="virtual" rows="4" cols="30"></textarea>
</form>
<!-- ★ ----------- ↑ この間をコピー&ペーストします。 ------------ -->
</td>
</tr>
</table>
</DIV>
<!-- ■ ---- 位置調整のためのDIV有りは ↑ この間をコピー&ペーストします。 -->

 

< 補足 >    適時参照あれ!。

 ・ メモ帳によるHTMLソース(タグ)を見ながらの直接編集方法。

ハロー(^. ^)