診断の作り方

締切済

質問者：miaular
質問日時：2013/12/31 10:37
回答数：3件

http://www.geocities.jp/net_t3/color/personal04. …
http://beauty.hotpepper.jp/doc/bn/071026kaogata/

上記の診断のように、質問項目にチェックを入れると該当するボックスが変化するような診断を作成したいのですが、これらはどういった仕組みなのでしょうか？
また、htmlやcssのみで簡単にすることは可能ですか？CGIもしくはJavaなんかが必要でしょうか？

ご回答よろしくおねがいします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

No.3

回答者： bizdb
回答日時：2014/01/02 20:36

HTML+Javascriptです。

またはPHP/CGIを使用して作成することも可能。

自分なら
HTML+CSS3+Javascript(最近ではjQuery)+PHP+MySQL

でユーザの診断結果のとかMySQLに保存とかして
グラフで統計とか。色々できる。

- 0
- 件

通報する

No.2

回答者： goozozo
回答日時：2013/12/31 12:06

HTMLがシンプルに組むにはいいんではないでしょうか？

この回答への補足

シンプルに組む組み方がわからないのでアドバイスいただけると助かります。

補足日時：2014/01/01 11:42

通報する

- 0
- 件

通報する

No.1

回答者： ueshita123
回答日時：2013/12/31 11:52

htmlです。

ソースを見れば判りますよ

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html lang="ja">

<head>
<meta http-equiv="content-type" content="text/html;charset=Shift_JIS">
<title>Personal color/パーソナル・カラー診断</title>
<script type="text/javascript" src="day.js"></script>
<link href="contets.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="favicon.ico">
<meta name="description" content="カラーコーディネート、ファッションイメージのサイト。イラストによる色彩/パーソナルカラー/ファッションイメージの解説。">
<meta name="keywords" content="カラーコーディネート, パーソナルカラー, 色彩, イラスト, 色名, 色彩検定, 色彩心理, ファッションイメージ, ファッションスタイル, ファッションカラー, 流行色">
<csscriptdict import>
<script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript"><!--
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'button25',/*URL*/'main-menu/top01.jpg',/*URL*/'main-menu/top02.jpg',/*URL*/'main-menu/top01.jpg','');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'button26',/*URL*/'main-menu/what01.jpg',/*URL*/'main-menu/what02.jpg',/*URL*/'main-menu/what01.jpg','');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'button27',/*URL*/'main-menu/harmony01.jpg',/*URL*/'main-menu/harmony02.jpg',/*URL*/'main-menu/harmony01.jpg','');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'button28',/*URL*/'main-menu/personal01.jpg',/*URL*/'main-menu/personal02.jpg',/*URL*/'main-menu/personal01.jpg','');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'button29',/*URL*/'main-menu/image01.jpg',/*URL*/'main-menu/image02.jpg',/*URL*/'main-menu/image01.jpg','');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'button30',/*URL*/'main-menu/co01.jpg',/*URL*/'main-menu/co02.jpg',/*URL*/'main-menu/co01.jpg','');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'button31',/*URL*/'main-menu/history01.jpg',/*URL*/'main-menu/history02.jpg',/*URL*/'main-menu/history01.jpg','');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'button32',/*URL*/'main-menu/column01.jpg',/*URL*/'main-menu/column02.jpg',/*URL*/'main-menu/column01.jpg','');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'button33',/*URL*/'main-menu/data01.jpg',/*URL*/'main-menu/data02.jpg',/*URL*/'main-menu/data01.jpg','');
CSInit[CSInit.length] = new Array(CSILoad,/*CMP*/'button34',/*URL*/'main-menu/link01.jpg',/*URL*/'main-menu/link02.jpg',/*URL*/'main-menu/link01.jpg','');
CSAct[/*CMP*/ 'C4175BA787'] = new Array(CSSetImageURL,/*CMP*/ 'sp2',/*URL*/ 'personal/pi-qp-on.gif');
CSAct[/*CMP*/ 'C4175BA789'] = new Array(CSSetImageURL,/*CMP*/ 'sp7',/*URL*/ 'personal/pi-qp-on.gif');
CSAct[/*CMP*/ 'C4175BA791'] = new Array(CSSetImageURL,/*CMP*/ 'sp12',/*URL*/ 'personal/pi-qp-on.gif');
CSAct[/*CMP*/ 'C4175BA793'] = new Array(CSSetImageURL,/*CMP*/ 'sp17',/*URL*/ 'personal/pi-qp-on.gif');
CSAct[/*CMP*/ 'C4175BA795'] = new Array(CSSetImageURL,/*CMP*/ 'sp3',/*URL*/ 'personal/pi-qp-on.gif');
CSAct[/*CMP*/ 'C4175BA797'] = new Array(CSSetImageURL,/*CMP*/ 'sp8',/*URL*/ 'personal/pi-qp-on.gif');
CSAct[/*CMP*/ 'C4175BA799'] = new Array(CSSetImageURL,/*CMP*/ 'sp13',/*URL*/ 'personal/pi-qp-on.gif');
CSAct[/*CMP*/ 'C4175BA7101'] = new Array(CSSetImageURL,/*CMP*/ 'sp18',/*URL*/ 'personal/pi-qp-on.gif');
CSAct[/*CMP*/ 'C4175BA7103'] = new Array(CSSetImageURL,/*CMP*/ 'sp4',/*URL*/ 'personal/pi-qp-on.gif');
CSAct[/*CMP*/ 'C4175BA7105'] = new Array(CSSetImageURL,/*CMP*/ 'sp9',/*URL*/ 'personal/pi-qp-on.gif');
CSAct[/*CMP*/ 'C4175BA7107'] = new Array(CSSetImageURL,/*CMP*/ 'sp14',/*URL*/ 'personal/pi-qp-on.gif');
CSAct[/*CMP*/ 'C4175BA7109'] = new Array(CSSetImageURL,/*CMP*/ 'sp19',/*URL*/ 'personal/pi-qp-on.gif');
CSAct[/*CMP*/ 'C4175BA7111'] = new Array(CSSetImageURL,/*CMP*/ 'sp5',/*URL*/ 'personal/pi-qp-on.gif');
CSAct[/*CMP*/ 'C4175BA7113'] = new Array(CSSetImageURL,/*CMP*/ 'sp10',/*URL*/ 'personal/pi-qp-on.gif');
CSAct[/*CMP*/ 'C4175BA7115'] = new Array(CSSetImageURL,/*CMP*/ 'sp15',/*URL*/ 'personal/pi-qp-on.gif');
CSAct[/*CMP*/ 'C4175BA7117'] = new Array(CSSetImageURL,/*CMP*/ 'sp20',/*URL*/ 'p

この回答への補足

タグを見たところ<script>タグでjavascriptを読み込んでいますし、yesの部分に
<a onclick="CSAction(new Array(/*CMP*/'C4175BC8151'));return CSClickReturn();" href="personal04.html" csclick="C4175BC8151"><yes></a>
こういった記述があるので恐らくjavascriptではないかと思うんですが…

補足日時：2014/01/01 11:42

通報する