DIVを別のページから取得し、現在のページでDIVを更新します

私は単純なものを持っていますが、私が求めているものに合った解決策の例を見つけることができませんでした。これがリピートであれば、事前に申し訳ありません。DIVを別のページから取得し、現在のページでDIVを更新します

ナビゲーションメニューから、特定のDIVを別のページで参照し、そのDIVをプルして現在のページのコンテンツを置き換える必要があります。

ページの他の場所で

<ul> 
<li><a href="#">About</a></li> 
<li><a href="#">Contact</a></li> 
..and so on 
</ul>

：

<div id="displayContent">Content refreshes onClick. Previous content fades out, fresh content fades in.</div>

別ページ（content.php）：

<div id="about">About content</div> 
<div id="contact">Contact content</div>

出典

2011-01-09 brianrhea

- あなたは他のページとはどういう意味ですか？これはブラウザの別のタブですか？これはポップアップ画面ですか？これは同じページの別のフレームですか？これはAjaxを使って読み込まれた別のセクションですか？ –

申し訳ありませんジュリアン、私は、コンテンツを表示するためのソース（content.php）としてだけ動作する別のページを私のサーバー上に持つことを意味します。訪問者はindex.phpに到着し、ナビゲーションメニューのリンクの1つをクリックすると、index.phpはcontent.phpを呼び出し、指定されたdivのみを取得します。 – brianrhea

質問は少し不明瞭である、brheaに同意します。

私がよく理解すれば、あなたはこのようなものを探していますか？

http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm

このよう

OR jQueryを使って（アクションでそれを見るために車名をクリックしてください）：あなたの質問は明確ではない

http://api.jquery.com/load/

出典

2011-01-09 19:15:40 CodeVirtuoso

はい、そのリンクとまったく同じです。しかし、私は'05年に更新されたことに気付き、より現行の基準を利用する可能性のある勧告を公開する予定です。 – brianrhea

私は別のリンクを追加しました.jQueryでこれをさらに簡単に行うことができます。私は他のフレームワークも同等のものを持っていると思う。 – CodeVirtuoso

DIVを別のページから取得し、現在のページでDIVを更新します

答えて

関連する問題