WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:JavaScriptで動的リンク・・・

0:[投稿] YYY [2003/02/20 18:52 ][環境:IE6,WIN98 わからない]

JavaScriptで計算・・・の質問をさせて頂いたYYYです。

ごだっちさんのおかげで計算表示は可能になったのですが、
今度は計算結果を判定し動的に別のページにリンクさせたいのです。
占いのページのイメージですかね。

占いページの簡易的なJavaScriptのサンプルはいくつか見つけたのですが
この掲示板でごだっちさんに教えていただいたScriptと連動して
動作させる方法がまったくわかりません。

イメージとしては最終的に判定ボタンを押すと計算結果に応じて
3種類のページに自動的にジャンプさせるというものです。
さらにジャンプした先のページのテキストエリアに計算結果を渡して
同時に表示させたいと考えています。

こちらが参考スレッドなのですが・・・
http://www.parkcity.ne.jp/~chaichan/qanda/qa3681.htm?03-02-20-11-10


1:[回答] ごだっち [MAIL] [2003/02/21 08:31 ]

■元ページのファンクション最終行
mobj.yes_count.value = c;
g(c); // ページジャンプ用のファンクション「g()」を呼ぶ。
}

function g(c){
var u = ""; // 目的ページのURL用変数
window.name = c; // ウィンドウ名を、カウント結果の数値にする
if(c >= 20){ u = "hi.html"; } // 20以上だったら「hi.html」
else if(c >=10){ u = "mid.html"; } // それ以外かつ10以上(10〜19)だったら「mid.html」
else { u = "low.html"; } // それ以外(10未満)は「low.html」
window.self.location.href = u; // 自身のロケーションを「u」のurlに変更
}


2:[回答] ごだっち [MAIL] [2003/02/21 08:31 ]

■ 結果ページ

<form>
<input type="text" name="yes_count" size="4">
</form>
<script language="javascript" type="text/javascript">
<!--
var mobj = window.document.forms[0];
var c = window.name; // ウィンドウ名を取得して、変数cに格納
mobj.yes_count.value = c; // テキスト欄にcの値を表示
//-->
</script>


3:[完了] YYY [2003/02/21 11:57 ]

ごだっちさん、本当に感謝です。

完璧に思った通りに動作してます。

作業をしていくうちにScriptの各行の意味が
おぼろげながら理解できてきました。

何度か書籍とかネットのガイドとか見ながら
JavaScriptにチャレンジしてましたが挫折の繰り返し・・・

階段の一歩目を踏み出すには良い機会になりました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World