2016-08-08 7 views
0

まず、私はウェブ開発者ではないと言いましょう。途中で学習しています。だからこれは不可能かもしれないし、恐ろしいアイデアかもしれません。もしそうなら、私に知らせてください。そうでなければ正しい方向に向かわせてください。div内のデータを変更

私はウェブサイトを開発していますが、私はそのための基礎をほとんど取りましたが、この1つのセクションです。私が取り組んでいるセクションでは、1セットのデータしか持たないか、40セット以上のデータを持つことができます。私はそのデータを表示する良い方法を考え出しています。私はそれが分になることを意味するセットでああ。 4行のデータが表示されます(オーディオ、フォーマット、場所など)。

ブレッドクラムを使用してユーザーの位置を追跡し、その下にdiv内のリンクがあると考えていました。ああ、私がテレビ番組を扱っていることに言及するのに役立つかもしれない。だから私は、最初のリンクがフォーマットのタイプかもしれないと思っていた。その後、タイプがクリックされると、そのフォーマットに関連する季節が表示されます。その後、すべての異なる季節のリンクを表示します。だから、あるリンクがクリックされると、そのシーズンにコレクションがあるかどうかが調べられます(一部のコレクションは休憩の季節をコレクションに表示し、既定の標準がないので難しくなります)。次に、それに関わるディスクを表示し、そのディスクに関連するデータをクリックして表示するか、シーズンやコレクションに関連するすべてのディスクデータを表示させます。

私はdivを更新して、各クリックの後に新しいデータを表示することを考えていました。

思考?提案?

私は別のWebページに行かなくても、すばらしいシンプルな外観を保ちたいと思いますが、この考えが可能かどうかはわかりません。私はまた、ブートストラップの隠されたタブについて考えましたが、それが良いか拡張パネルなのか分かりませんが、それが良いかどうかわかりません。

+0

あなたはPHPスクリプトとAJAXを使用する必要があります。 – McStuffins

+0

第2ロバーツコメントhttp://www.w3schools.com/php/php_ajax_database.asp – brad

+0

@brad&Robertコメントとリンクをありがとう。それは有り難いです。 –

答えて

0

これはAJAXで行う必要があります。 あなたには、いくつかのdivにコンテンツ 例をリロードするために、クリックに動作するようにカスタマイズすることができます。

$.ajax({ 
     method:"POST", 
     url: 'link_to_php_function.php', 
     data:'', 
     success: function(response){         
      $('#yourdiv').html(response); 
     }); 
}); 
関連する問題