php - ajax 分割パネルの例

Question

誰でも ajax/php 分割パネルの優れたチュートリアルまたはフレームワークを提案できますか? アイデアは、2 つのパネルを作成し、パネル 1 に、クリックするとパネル 2 のコンテンツを開くメニューを用意することです。ありがとうございました。

Answer 1

例: <div>id の div1 と div2 を持つ 2 つの があります。

div1 には<li>-objects を含むメニューが含まれています。最初のものはid menu1を持っています

$("#menu1").click(function() {
    $.get('your/path_to_php.php', function(data) {
        $("#div2").html(data);
    });
});

これは、path_to_php.php ファイルが html 構造化データを返す場合に当てはまります。

Answer 2

JavaScript を使用する場合は、非常に簡単です。

1. 標準の html を使用して 2 つのパネルを作成する
2. パネル 1 にメニューを追加します。

3. メニュー項目に onclick イベントを設定し、javascript を使用してパネル 2 で ajax を使用してコンテンツを読み込みます。例 (jquery、$('#divid').html(newcontent) など)。

   $('#panel1').click(function(){
   $('#panel2').text('new content!');
   });​
   

   http://jsfiddle.net/harendra/JQY9S/