ユーザーが持っている「計画」のリストがあり、それらのいずれか(divで区切られている)をクリックして、その情報をデータベースから動的にロードできるようにしたいと思います。
私の質問は、jQueryタブインターフェイスを使用してコンテンツをそのようにロードする必要があるのか、それともajax呼び出しをトリガーするボタンを使用するのかということです。私が考えていない、これを行うためのより簡単できれいな方法はありますか?
助けてくれてありがとう、それは大歓迎です!
ユーザーが持っている「計画」のリストがあり、それらのいずれか(divで区切られている)をクリックして、その情報をデータベースから動的にロードできるようにしたいと思います。
私の質問は、jQueryタブインターフェイスを使用してコンテンツをそのようにロードする必要があるのか、それともajax呼び出しをトリガーするボタンを使用するのかということです。私が考えていない、これを行うためのより簡単できれいな方法はありますか?
助けてくれてありがとう、それは大歓迎です!
オンラインには多くの既存のソリューションがあります。あなたも自分で転がすことができます。これは、AJAXコンテンツのロードを伴う多くのサンプルです。既存のものを使用することも、必要に応じて変更することもできます。
http://flowplayer.org/tools/demos/tabs/ajax.html。.htmlを独自のphp、asp、jspに変更して、プランIDとページがHTMLを返すことができるページを渡すことができます。
http://webdesignledger.com/tutorials/11-useful-jquery-tab-navigation-solutions
http://www.hongkiat.com/blog/50-nice-clean-css-tab-based-navigation-scripts/
http://justintadlock.com/archives/2007/11/07/how-to-create-tabs-using-jquery
私はjquery-jvert-tabsプラグインを非常によく似たものに使用しました。各タブにはコンテンツが動的に読み込まれ、div全体がajaxを介して呼び出され、非常にうまく機能しました。
どちらがきれいかについて話すと、全体的なデザインとまとまりがあることを確認するだけで、どちらを選択してもかまいません:)
私はタブを使用します-プラン名をタブ名にすることができる場合は、別のボタンを用意する必要はありません。
デザインはほとんどの場合ユーザビリティに重点を置く必要があり、このアプローチはその目標にうまく役立つようです。
計画のリストの場合; ただし、動的であるか、時間の経過とともに大きくなる可能性がある場合は、リストが表示されたドロップダウンと、詳細を取得するボタン、またはonchangeイベントに接続してデータを取得するボタンを使用します。
質問は少し曖昧なので、もっと多くの情報を提供していただければ、ここでもっとお手伝いできるかもしれません。