2011-07-23 10 views
1

jqueryとphpを使用してコンテンツを動的に投稿するこのサイトがあります。 permalinksの生成方法を知りたいです。私はそれをすることができると思うが、私はGoogleで何を探しているべきか知っていない。あなたはwww.eataustineat.comでサイトを見ることができます。jquery + phpの固定リンクを作成する

例えば、私はeataustineat.com/claypitのようなリンクを検索してからリンクをクリックするのではなく、ビデオレビューに直接行きたいと思っています。

私は、サイトが基本的なレベルでどのように動作するかを説明します:

  1. 最初のユーザがコンテンツスライダーで「すべてのレストランタブ」を選択し、その後、jqueryのは、第3のフレームにスライド。

  2. 次に、ユーザーはリストからリンクを選択します。このリストはphpのsqlクエリによって生成され、javascriptはphpの結果を特定のdivにプッシュします。

  3. ユーザーがリンクを選択すると、jqueryは2番目のスライドにスライドします。もう一度、phpはクエリーを実行し、javascriptはコンテンツを特定のdivにプッシュします。その結果、ユーザーは決して索引ページを離れることはありません。

答えて

1

あなたのウェブサイトがどのように動作するかによって異なります。私は、現時点では私の心を持っている理想的なものは次のとおりです。

  1. あなたのビデオ(タイトル、ファイル名、IDのようになります。を変更しないでください)を見つけるためにユニークな方法を決定します場合は、データベースを使用していますそれは各エントリごとに異なる値を持つ列です
  2. 一意のキーをパラメータ(オプションではない)(おそらく$ _GETパラメータで、ポストではない)として受け入れ、その内容をエントリのデータで埋め込むWebページを作成します
  3. パーマリンクはyourwebsite/yourwebpageですか?myparam = myvalue
何を意味する「リンクにWebページを移動する」(と、それを作成していない)されている場合は:

通常のパーマリンクは、数値IDです(この場合はデータベースを考える)、そのエントリに

編集1を参照し、多分私の答えを無視する必要があります、私はそのような質問を理解していない。何場合について、私はパーマリンクを作成するためにあなたを与えられたキーライン以下、あなたがホームページにこの値を渡すと、ページの読み込みに使用すると、火災:このような場合には、優れた

編集2で、Tadeckを示唆した何 click()関数によるイベント(ユーザーがリンクをクリックして、必要なもの、さらにはスクロールのものを起動した場合のように) あなたは各タグにIDを渡す必要がありますが、私はそうは思いません大きな問題(単に「permalink値」をidとして直接使用する)

click()メソッドを使用する代わりに、スライダ関数に名前を付けてクリックイベントだけを待つのではなく、 expeciallyこの部分

$('.cross-link').live("click", function(){ 

あなたが名前の関数

で()関数を置き換える必要があるでしょう、あなたは( 'result.php?ID = 9'、「results2、ページのロード時に、その機能+ ajaxpageを呼び出します')+ ajaxpage(' videoloader.php?id = 9 ')をクリックすると、このイベントが完全にエミュレートされます。あなたはまだしかし、リンク

+0

サイトでは、jqueryコンテンツベビーカーを使用しています。 2番目の「フレーム」には後に情報があります。そして、はい、コンテンツはmysqlデータベースにあります。 – scifirocket

+0

Mhhhだから実際にはPHPの質問ではなく、JavaScriptの質問ですよね?私はあなたが欲しいものを理解する上で問題を抱えています、ごめんなさい –

+0

問題ありません。あなたが私のサイトに行って「すべてのレストラン」に行き、「Austin Eats Food Tours」リンクを選択すると、新しいセクションにナビゲートされます。そのセクション(ビデオとすべて)は、私がパーマリンクを作成したいものです。 – scifirocket

1

あなたが1つ(または両方)を検索する必要があり、以下の点の:

  1. pushStateonStateChange - 、好適な素敵なおそらくあなたは
  2. location.hashonhashchange、探しているものを - おそらく実装が簡単です(サーバー側でサポートする必要はなく、古いブラウザでも動作します)。この場合、http://eataustineat.com/claypitの代わりにhttp://eataustineat.com/#!claypitのようなURLが表示されます。

この最初のケースでは、サーバー側のスクリプティング/構成が、訪問時にJS内で適切な状態を呼び出すようにする必要があります。 URL(http://eataustineat.com/claypit)を入力してください。

+0

であるかを調べるために、タグのidが必要

はこれの例がありますか?また、IEはサポートされていないと言います。 – scifirocket

関連する問題