ベストアンサー

設問をいくつか答えてその答えごとにページを変える。

2002/04/19 23:33

ＮＯ．２５５３９３の方と少し似たような設問で恐縮です。やっとＨＴＭＬを一通り理解し、現在少しずつＪａｖａＳｋｒｉｐｔを勉強中です。いくつかのイエス、ノーの質問を設けてその選択によって見せるページを変えるという風にしたいのですが、具体的に表すと、　　　　　　　　　　　　　　　　　　　　え．ｈｔｍｌ　　　　　あ．ｈｔｍｌ　　　　質問４＜　　　　　　お．ｈｔｍｌ質問１＜　　　　　　質問３＜　　　　　　質問５＜　　　　　　　　　質問２＜　　　　　　う．ｈｔｍｌ　　　　か．ｈｔｍｌ　　　　　　　　　　い．ｈｔｍｌと、いった感じなのですが。（わかりにくかったらすみません）「ｉｆ　ｃｏｎｆｉｒｍ」の構文を繰り返して、「ｌｏｃａｔｉｏｎ．ｈｒｅｆ」で各ページをロードするのは分かりますが、組み方が悪いのか、なかなかうまく作動しません。どうか、ご教授願います。

la_erhu_de
お礼率94% (18/19)

JavaScript
回答数2
ありがとう数2

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

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

ベストアンサー

leaz024
ベストアンサー率75% (398/526)

2002/04/20 02:12 回答No.2

提示されている質問の流れでは、どの質問も、どちらかの選択肢がHTMLに直結しているので、次のような単純なロジックで実現できます。（IE5.5、NN4.7、NN6.2　動作確認済み） <HTML> <HEAD> <TITLE>回答内容で分岐</TITLE> <SCRIPT language="JavaScript"></SCRIPT> </HEAD> <BODY onLoad="ask()"></BODY> </HTML> ※HTML名が「あ.html」とかだと、NN4.7 でうまく動作しなかったため、英字に変えました。これが、「質問１でYesを選ぶと質問２で、Noを選ぶと質問３」という具合だと、もう少し複雑になってきます。さらに、「質問４でNoを選ぶと、質問１に戻る」など、複雑なロジックを組む場合、if 文の羅列では厳しくなります。このようなケースも考慮に入れる場合、「質問文、Yesの時の処理、Noの時の処理」を１セットにして定義すると、簡単に質問の流れなどをコントロールすることができます。（以下サンプル。IE5.5、NN4.7、NN6.2　動作確認済み） <HTML> <HEAD> <TITLE>回答内容で分岐２</TITLE> <SCRIPT language="JavaScript"></SCRIPT> </HEAD> <BODY onLoad="ask()"></BODY> </HTML> ※配列の都合で、質問は０からにしました。 ※見やすさのため、ソースには全角スペースを入れていますので、コピーする際は半角スペースかタブに変換して下さい。

参考URL：: http://tohoho.wakusei.ne.jp/js/index.htm

質問者

お礼 2002/04/20 02:42

質問のような単純な（苦笑）例ばかりでなく、応用的な内容の回答まで頂けて感謝しております！ご紹介いただいたページも参考にして leaz024さんのお教えいただいた内容を少しずつ自分で消化していきたいと思います。ありがとうございました。

ログインすると、全ての回答が全文表示されます。

その他の回答 (1)

meke2
ベストアンサー率41% (16/39)

2002/04/20 00:19 回答No.1

こんばんわ！ ----------------------------------------------------------- aa=confirm("質問１の文章") if(aa==false){ 　　　bb=confirm("質問２の文章") 　　　if(bb==true){ 　　　　　　cc=confirm("質問３の文章") 　　　　　　if(cc==tlue){ 　　　　　　　　　dd=confirm("質問４の文章") 　　　　　　　　　if(dd==false){ 　　　　　　　　　　　　ee=confirm("質問５の文章") 　　　　　　　　　　　　if(ee==true){location.href='か.html'} 　　　　　　　　　　　　else {location.href='お.html'} ; 　　　　　　　　　}else {location.href='え.html'} ; 　　　　　　}else {location.href='う.html'} ; 　　　}else {location.href='い.html'} ; }else {location.href='あ.html'} ; ----------------------------------------------------------- 多分こんな感じになると思います。質問より分岐するところで上に行く方を『true』下に行く方を『false』として上のを作ってみましたが‥‥あってるかどうか試してないです(汗) あと‥‥else の行の { } 要らないかもしれませんが。一応。

質問者