javascriptで診断ページを作成する方法

前へ 次へ
このQ&Aのポイント
  • 自分のサイト内に診断ページを作成する方法について教えてください。
  • 診断結果が複数に分岐するようなページを作りたいです。
  • どのようにスクリプトを記述すればよいでしょうか？
回答を見る
  • ベストアンサー

javascriptで診断ページを作成したいです。

こんばんは。質問させていただきます。 http://noevirgroup.jp/nov/skincheck/check.aspx 自分のサイト内に上記サイトのようなチェックした数によって結果が複数に分岐するような診断ページを作成したいと思っています。 htmlとjavascriptだけで可能でしょうか？ 上記サイトがどのようなスクリプトを使用されているかよくわかりません…。 スクリプトの部分をどう記述すればよろしいでしょうか？ 見た目だけの静的なページは同様に作ることはできます。 診断項目15個程度と結果を3～5タイプほど設けたいです。 どなたかご教授いただけましたら幸甚です…。 よろしくお願いいたします。

  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • 4017B
  • ベストアンサー率73% (1304/1775)
回答No.1

はい、可能は可能ですが…全くの素人だと厳しいと言うか、せめて簡単な動的変化を行うページを独力で作れる程度のJavascriptの知識が必須ですね（サンプル丸コピペだと後で個々のカスタマイズ運用が出来ないので）。 リンク先のサイトはjQueryとか色々組み合わせて作られていますね。CSS3も併用されてます。まあそれなりのプロの仕事だと思います。 デザイン上の見た目はさて置き…単純に<input>などで項目を並べ、最後の[診断(=submit)]でチェックの有無を調べてそれぞれの項目の合計スコアを算出、その結果に応じて診断結果ページの内容を表示させる仕組みです。そんなに難しい処理では無いですね。

yuzzy1299
質問者

お礼

回答ありがとうございます。 なるほど、そこまで複雑ではなさそうですが…javascriptはサンプルの運用程度しかできません。 静的ページしか作成できないので私には難しそうです。。もう少し色々と調べてみます。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • 診断するページについて

    今、ホームページを作成しているのですがちょっと分からない部分があります。 たとえば、性格診断のページで、「はい」「いいえ」をチェックするradioボタンの項目が10個あって、最終的に「診断」ボタンを押すようなページを作成したいと思っています。 で「はい」が3個までならページA 「はい」が3～6までならページB、「はい」が6～10までならページCを表示させる感じなのですが、どこかこのようなCGIをダウンロードできるところを教えていただけませんでしょうか。 また、もしCGIを使わずにjavascriptでできるようなら(もっと簡単にできる方法があれば)、そちらの方が良いので教えていただけませんでしょうか。 何卒よろしくお願いいたします。

    • ベストアンサー
    • CGI
  • javascriptでページ内の一部分だけを印刷する設定

    ページを印刷するjavascriptを調べたところ、 <a href="javascript:window.print();"> 印刷する</a> というのが最も多く出てきました。 今回、ページ内のクーポンの部分だけを印刷する、 という設定にしたいのですが、その場合の記述方法を教えてください。 また上記の場合、<script>～</script>　で javascript自体の指令は必要ないんでしょうか。

  • Javascriptを最後に実行する方法

    サイト内に他のページ情報を表示するJavascriptを記述したところ、 他ページの情報を読み取るのに時間がかかり、結果としてJavascriptの記述部分以降の 表示が遅くなるようです。 いろいろ調べたところでは、Javascriptをページ最後で実行させればよいことは分かったのですが、 Javascriptの表示場所は変えずに、実行だけを最後に行うことはできるのでしょうか？ 実行させたいJavascriptは以下の内容です。 <SCRIPT language="JavaScript" src="http://XXXX"></SCRIPT> ※RSSを表示する

  • JavaScriptでページを一度だけリロード

    とあるページにアクセスした際、JavaScript(jQuery)を使って一度だけページをリロードしたいと思っております。 <script language="JavaScript"><!-- function reload() { if (window.name != "test") { location.reload(); window.name = "test"; } } // --></script> 上記のような記述で試みたのですが、リロードしてくれません。 他に対応できる方法がございましたら、ご教授いただけますと幸いです。 以上、よろしくお願い致します。

  • ＪＳＰとＪａｖａＳｃｒｉｐｔを同じページで利用できる？

    リストボックスで選択した値をＪＳＰのページに受け渡す。 複数のページに分岐するページでリストボックスの値を分岐先のページに受け渡す方法がわかりません。 一つのＦＯＲＭタグで試すと値は受け渡せるのですが分岐先が一つしかなくなる。 ＦＯＲＭタグを複数にするとリストボックスを囲んだＦＯＲＭタグの分岐先しか値が渡せない。 javascriptを使ってactionのプロパティを変更する方法を試しましたが上手く出来ません。 何かいい方法ありますか？

  • Javascriptにてページ作成

    Javascriptを用いて、 1)以下を中央ぞろえ 2)太字・(HTMLでの)フォント6程度の「タイトル」 3)ページを開いた際の時間が30以下で「画像1」 　30秒より後の場合は「画像2」を表示 4)3)の背景色を変更 5)最終更新日時を自動取得 といった条件を満たしたページを作成したいのです。 2)は検索して調べたところ、おおむね以下のような感じになると思います。 <script type="text/javascript"> <!-- dd = new Date(); mySeconds = dd.getSeconds(); myimg= '<img src="「画像1」" width= "x" height="y">'; myimg2= '<img src="「画像2」" width= "x" height="y">'; if(mySeconds<30){ document.write(myimg+"<br>"); }else{ document.write(myimg2+"<br>"); } document.write(dd.toLocaleString() +"<br>"); // --> </script> そして5)の日時自動取得は <script type="text/javascript"> <!-- document.write(document.lastModified); // --> </script> こんな感じになると思うのですが。 それ以外の条件を満たすJavascriptで、ぴんとくるものが見つかりません。 他の条件はHTMLで記述するべき(HTMLのほうが楽？)ことなのでしょうか？ HTMLは基本的なことだけかじった程度の知識で、Javascroptというものに頭を悩ませています。 よろしくお願いします。

  • JavaScriptでページが移動しても

    JavaScriptの勉強をはじめたばかりなので、 的外れな質問をしてしまうかもしれないのですが宜しくお願いします。 Google ChromeやFirefoxのdeveloper toolsのコンソールにスクリプトを書いて 実行しています。 JavaScriptでは一つ目のページで実行したスクリプトで 次のページのフォーム操作などは出来ますか？ 注文をする時に、一番初めのページで大きさなどを選んで、submitメソッドを使ってそのページのフォームを送信する事は出来ました。 そしてフォームを送信するとページが変わり、次のページにもまた違うセレクトメニューの項目が出てきて選択項目を選んでフォームを送信する事も出来ました。 １ページずつならコンソール部分にスクリプトを書いて、項目を選択してフォームを送信する事は出来るようになったのですが、 一番初めのページで次のページ分のスクリプトを合体させ、次のページ分の処理も一回の実行でしようとしても次のページ分の処理が出来ません。 ページが移動しても流れが止まらず処理させる事って出来ますか？ その場合どのような物を初めのページと次のページのスクリプトの間に挟めばいいのですか？

  • アンケート項目を複数のページで作成したいのですが

    アンケート項目を複数のページで作成したいのですが、 私の知識では、何十もの質問欄の文字入力の結果を とても長い一つのページに詰め込む以外に 方法を考え付きません。 無料のサイトでホームページを作る予定ですので 自前で特別なソフトを走らせることは無理と思います。 Javascript であれば、何とか理解できると思います。 ７０項目程度の文字入力の結果を メールで送信するようにしたいのですが、 どのような方法を用いれば 複数のページに入力された文字データーを １通のメールとして送信できるのでしょうか。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 結果のなかにさらにjavascript

    HTML部に <script type=\"text/javascript\" src=\"test.php\" ></script> を記述して 外部のphpスクリプトを実行した結果を表示させたり、 ることは出来るのですが、 結果のなかにさらにjavascriptを記述して実行しても作動しません。 <script type=\"text/javascript\" src=\"test.php\" ></script> で返ってきたデータにはJavascriptは記述できないのでしょうか？ よろしくお願いします。

  • javascriptについて

    よろしくお願いします。 javascriptで○×形式のクイズのようなもの（診断テストのようなもの） を作りたいと思っています。 ・・・が、恥ずかしながら私はプログラミング初心者です。 どのくらい初心者かというとＨＴＭＬの基礎が分かっていて、タグを調べながら ＨＴＭＬであればwebページが作れるかな。ってくらいの初心者です。。。 javascriptで作りたいページというのは、自分に当てはまるかどうか、 ○か×かで答えていき、最後に診断が出る。。。というようなページです。 「javascript 入門　初心者」などのキーワードでgoogleで検索して、 インターネットで独学で勉強はしているのですが、あまり分かりません。。。 これくらいのレベルの私が見て勉強しやすいようなページってありますか？ また、勉強するのに、コツとか、理解しやすい勉強法ってありますでしょうか？ また、上記の診断テストについて、「こういう記述したらいいんじゃない？」 ってサンプルを教えてくれる方がいらっしゃいましたら、教えていただけたら大変嬉しいです。 お手数ですが、よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する