■デモ
http://www.geocities.jp/qntbd042/
ソースを使った詳しい解説を頂けたらと思います。
■ページ間の値渡し
http://m035.blog61.fc2.com/blog-entry-39.html
-----
以下は、妥当かどうか不明
上記値をonLoadで取得して、
document.writeで、生成したいHTMLを吐き出せばよいと思います。
以下のコードは必要な部分のみです。
受け渡し側 URLの後ろにパラメータをつける。
<p class="uke"><a href="child.htm?no=1">リンク1</a></p> <p class="uke"><a href="child.htm?no=2">リンク2</a></p> <p class="uke"><a href="child.htm?no=3">リンク3</a></p> <p class="uke"><a href="child.htm?no=4">リンク4</a></p>
受取側 パラメータに対応した表示をする。
<script> var str = ""; //URLの?以降をlocation.searchから取得、正規表現でno=(数値)の数値のみを取得。 var no = location.search.match(/[?&]no=(\d+)(&|$)/); if(no != null){ no = no[1]; } for(var i = 1; i <= 4; i++){ var test = ""; if(i == no) test = "test"; str += '<div class="uke ' + test + '">受け取り' + i + '</div>'; } document.write(str); </script>
CSSクラス'test'は作成してください。
技術的には1の回答者さんの言われたとおり。正規表現部分が難しければslice等で処理するのがよろしいかと。上記コードでは2バイト文字受け渡しは想定していません。
参考になりますでしょうか。
ありがとうございました。大変参考になりました。
私の例題に問題があった為、実際やろうとしていることに対してはうまくいかなかったので、もう一度質問を出題し直しますので宜しかったらそちらも見てみて下さい。
すみません、javascriptはほとんど素人なのでできれば
http://www.geocities.jp/qntbd042/
のデモベースで解説頂けたら助かります。