診断の作り方

締切済

質問者：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

通報する

- 0
- 件

通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

質問する（無料）

似たような質問が見つかりました

病院・検査私は今まで健康診断をした事がないのですが、この度新しい仕事に採用され、必要書類の中に健康診断書と書か 3 2022/04/14 17:52
福祉掛かりつけの精神科病院から別の精神科へ転院した場合、転院先の精神科病院で障害者年金の申請の際に必要な 1 2022/07/03 11:06
健康保険傷病手当ヘルニア診断書に".約１週間安静が必要"と書かれており、 6/12(月)診断書をもらった 2 2023/06/16 15:49
JavaScript jquery 診断コンテンツにチェックボックスを付けたいです 3 2023/01/19 18:31
発達障害・ダウン症・自閉症 adhdだと診断された方、お薬は飲んでいますか？なんの種類を飲まれてますか？どこでどのような診 1 2023/07/13 18:58
うつ病精神科、仕事行けないなら診断書をすぐ書く 3 2022/04/22 21:18
HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい！！ 2 2022/04/11 12:04
会社・職場就業規則と労働安全衛生法(66条)の優先順位について質問です。私は、近くの病院で法定検診のみ受診し 6 2022/09/07 07:45
Wi-Fi・無線LAN ＰＣWi-Fiの設定方法がわからなくて困っています。 4 2022/12/28 18:30
分譲マンション皆さんのﾏﾝｼｮﾝの第2回目･長期修繕計画書見直では)管理会社への作成依頼は→無償作成か?有償作成か 1 2022/08/21 18:44

今、見られている記事はコレ!

弁護士が語る「合法と違法を分けるオンラインカジノのシンプルな線引き」

「お金を賭けたら違法です」ーーこう答えたのは富士見坂法律事務所の井上義之弁護士。オンラインカジノが違法となるかどうかの基準は、このように非常にシンプルである。しかし2025年にはいって、違法賭博事件が相次...
釣りと密漁の違いは？知らなかったでは済まされない？事前にできることは？

知らなかったでは済まされないのが法律の世界であるが、全てを知ってから何かをするには少々手間がかかるし、最悪始めることすらできずに終わってしまうこともあり得る。教えてgooでも「釣りと密漁の境目はどこです...
カスハラとクレームの違いは？カスハラの法的責任は？企業がとるべき対応は？

東京都が、客からの迷惑行為などを称した「カスタマーハラスメント」、いわゆる「カスハラ」の防止を目的とした条例を、全国で初めて成立させた。条例に罰則はなく、2025年4月1日から施行される。この動きは自治体...
なぜ批判コメントをするの？その心理と向き合い方をカウンセラーにきいた！

今や生活に必要不可欠となったインターネット。手軽に情報を得られるだけでなく、ネットを介したコミュニケーションも一般的となった。それと同時に顕在化しているのが、他者に対する辛らつな意見だ。ネットニュース...
大麻の使用罪がなかった理由や法改正での変更点、他国との違いを弁護士が解説

ドイツで2024年4月に大麻が合法化され、その2ヶ月後にサッカーEURO2024が行われた。その際、ドイツ警察は大会運営における治安維持の一つの方針として「アルコールを飲んでいるグループと、大麻を吸っているグループ...