サイト内の各ページ上部に、Ajaxで共通のメニュー部分.htmlを読み出し、表示しています。
参考:AjaxでIFRAME的な表示をやってみる
http://bizcaz.com/archives/2006/11/13-000253.php
参考:階層メニューにJavaScriptで書き換え
http://www.dhtmlgoodies.com/index.html?whichScri …
<html>
<head>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="ajaxcontents.js"></script>
<script type="text/javascript" src="ListbasedDHTMLmenu.js"></script>
</head>
<body>
<span id="ajax_content_block"></span>
<script type="text/javascript">
<!--
ajax_content_onload_get('メニュー部分.html','','ajax_content_block','ajax_content_progress');
//-->
</script>
<div>
本文
</div>
</body>
</html>
ajaxcontents.jsでメニュー部分.htmlを読み出しListbasedDHTMLmenu.jsで階層メニューに書き換えています。
"dhtmlgoodies_menuObjはNullまたはオブジェクトではありません" のエラーが出て、階層メニュー部分が表示されません。
dhtmlgoodies_menuObjは階層メニュー書き換えのListbasedDHTMLmenu.jsで使われています。
ページ読み出しjavascript完了後に、ページ書き換えjavascriptを実行すればと思っているのですが、
方法の検討がつきません。
if ( location.search.indexOf("1") == -1 ) {
setTimeout("_reload()",100);
}
function _reload() {
location.href = location.href + "?1";
}
↑でリロードさせて見たのですが、バックすると表示されなくなります。
すいませんがアドバイスをお願いいたします。
No.1ベストアンサー
- 回答日時:
ajaxcontents.jsの
-----------
var myAjax = new Ajax.Request(url, {
method: 'get',
parameters: pars,
onComplete: ajax_content_complete
});
-----------
という部分の「onComplete: ajax_content_complete」が読み込み完了時に実行する関数を設定している場所。なのでajax_content_complete関数内に処理を追加するといいかも。
ListbasedDHTMLmenu.jsは最後で
-----------
window.onload = initDhtmlGoodiesMenu;
-----------
として(Ajaxでない)ページ読み込み完了時にすぐに実行されてしまっているのでエラーとなるんですよね。
これを消してinitDhtmlGoodiesMenuをajax_content_complete内で実行するといける・・・かも。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JQueryで動的生成のスライダが...
-
親フレームの存在確認
-
<SCRIPT src="css.js">の記述位置
-
Javascriptの勉強初めました!
-
クリックテキストを次ページに表示
-
Javascriptを使ってQRコード読...
-
同一ページ移動時ハンバーガー...
-
要素内を常に一番下を表示させたい
-
readyStateが4にならない原因
-
Doctrineのjoinについて
-
階層別の組織図の自動作成について
-
Selenium4でボタンをクリックで...
-
[jQuery UI] sortableを使いaja...
-
SQLのmaxで求めた値を変数に代...
-
VBAでIEのHTMLタグの要素を操作...
-
Selenium Basicの件
-
たくさんの経由地がある巡回ル...
-
スライドを最後の画像で止めたい
-
プルダウン内容に応じてラジオ...
-
【JQuery】iframeのリンク先変...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
インラインフレームを自動更新...
-
フレーム内の要素へのXPATHはど...
-
jQueryでloadした部分に.jsが効...
-
Folder.selectDialog()について
-
日付が変わると自動更新
-
jQueryで追加した要素がマウス...
-
Javascriptの勉強初めました!
-
jQuery toggle() 戻るで開いた...
-
AjaxでSJISファイル読み込みす...
-
一定時間ごとに表示内容を切り...
-
div要素の入れ替え。半透明イメ...
-
backbone.js テンプレートの表...
-
JQUERY のEmpty()処理について
-
ホームページのジャンプ先を制...
-
XHTMLで外部JSファイルを読み込...
-
連番タイトル名を基準にリンク...
-
javascriptからのphpクラス...
-
META http-equiv content のあ...
-
<SCRIPT src="css.js">の記述位置
-
IEとIE以外のブラウザで表...
おすすめ情報