W i S T E R I A

B O A R D
 
●新規 ●トレリス表示 ●一覧表示 ●ログ検索 ●ヘルプ ●ホームへ
●関連記事の一覧

112
ポップアップを外部ファイルにして他のファイルと共有したい by 史川 2004/11/12 (Fri) 14:32
△up
res/edit
 
はじめまして、こんにちは
いつもJAVASCRIPTを勉強させて頂いています。

プルダウン(ポップアップ)メニュー(レイアウト位置の自動検出付き.改)について
ポップアップされるサブメニューを外部ファイルにして他のファイルと共有したいと考えています。

document.writeに書き出す前のHTMLソースではきちんと動きましたが、document.writeで本文内に外部jsのURLを書き出したところ、何も表示されなくなり、「オブジェクトがありません」のエラーが出てしまいました。
試しにdivタグを外して、文字のリンクだけをdocument.writeで書き出すと、エラーは出るもののその部分だけ表示されました。

こちらの掲示板の過去ログを参考に、ヘッダーに外部jsを書き、目的の場所に変数で呼び出すようにしても上記と同じ結果になりました。

お忙しい中恐縮ですが、お力を貸して頂けないでしょうか。
よろしくお願いいたします。



このソースを外部ファイルにしたいと考えています。
<div id="dv1" name="dv1" style="position:absolute; visibility:hidden">
<span style="display:block; width:150px; height:26px; padding:0px; margin:0px;" onMouseOver="mn('dv1','td1');" onMouseOut="dlt();" class="submenuM">
<a class="submenuM" href="../menu01.html">メニュー1</a>
<a class="submenuM" href="../menu02.html">メニュー2</a>
<a class="submenuM" href="../menu03.html">メニュー3</a>
<a class="submenuM" href="../menu04.html">メニュー4</a>
</span>
</div>




現在の外部ファイルのソースはこちらです。

var submenu = '';
submenu +="<div id='dv1' name='dv1' style='position:absolute; visibility:hidden;'><span style='display:block; width:150px; height:26px; padding:0px; margin:0px;' onMouseOver=\"mn('dv1','td1');\" onMouseOut='dlt();' class='submenuM'>";
submenu +="<a class='submenuM' href='../menu01.html'>メニュー1</a>";
submenu +="<a class='submenuM' href='../menu02.html'>メニュー2</a>";
submenu +="<a class='submenuM' href='../menu03.html'>メニュー3</a>";
submenu +="<a class='submenuM' href='../menu04.html'>メニュー4</a>";
submenu +="</span>";
submenu +="</div>";

function submenuwrite(){
document.write(submenu);
}
113
Re1:ポップアップを外部ファイルにして他のファイルと共有したい by ごだっち@管理人 2004/11/12 (Fri) 16:18
△up
url
res/edit
admin
 
サンプルページ
http://homepage2.nifty.com/godakaz/laboratory/pulldown-outer_js/pulldown_final_outer-js.html

外部スクリプト
http://homepage2.nifty.com/godakaz/laboratory/pulldown-outer_js/pdx.js

メインメニュー
http://homepage2.nifty.com/godakaz/laboratory/pulldown-outer_js/mnuwrt.js

サブメニュー
http://homepage2.nifty.com/godakaz/laboratory/pulldown-outer_js/submnuwrt.js

これらが参考になりますでしょうか。
114
Re2:ポップアップを外部ファイルにして他のファイルと共有したい by 史川 2004/11/12 (Fri) 18:07
△up
res/edit
 
とても早いお返事に、サンプルまで用意して頂いて
本当にありがとうございました!
サンプルが分かりやすくてとても参考になりました。

おかげさまで、無事に動くようになりました。
ありがとうございました。
p.ink