締切済み

診断の作り方

2013/12/31 10:37

http://www.geocities.jp/net_t3/color/personal04.html http://beauty.hotpepper.jp/doc/bn/071026kaogata/ 上記の診断のように、質問項目にチェックを入れると該当するボックスが変化するような診断を作成したいのですが、これらはどういった仕組みなのでしょうか？また、htmlやcssのみで簡単にすることは可能ですか？CGIもしくはJavaなんかが必要でしょうか？ご回答よろしくおねがいします。

miaular
お礼率0% (0/4)

JavaScript
回答数3
ありがとう数0

みんなの回答 （3）
専門家の回答

みんなの回答

bizdb
ベストアンサー率16% (11/65)

2014/01/02 20:36 回答No.3

HTML+Javascriptです。またはPHP/CGIを使用して作成することも可能。自分なら HTML+CSS3+Javascript(最近ではjQuery)+PHP+MySQL でユーザの診断結果のとかMySQLに保存とかしてグラフで統計とか。色々できる。

goozozo
ベストアンサー率5% (54/1009)

2013/12/31 12:06 回答No.2

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

質問者

補足 2014/01/01 11:42

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

ueshita123
ベストアンサー率17% (281/1643)

2013/12/31 11:52 回答No.1

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

質問者

補足 2014/01/01 11:42

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