問題タブ [fragment-identifier]

私は次のようなレイアウトを持っています:

私のバナーposition:fixed;はおおよそ200px高くなっています。

問題は、フラグメント識別子を持つリンクをクリックすると、ページがスクロールし、アンカー (識別子付き) がページの上部、バナーの下ではなく、バナーの後ろに表示されることです。

不足しているもの (CSS または jQuery) はありますか?

jQuery BBQ：Back Button＆Query Libraryプラグインを使用して、リンクがクリックされたときに動的コンテンツを取り込むページを作成しています。リンクがクリックされると、ハッシュが変更され、新しいコンテンツがプルされます（したがって、hrefをクリックする「デフォルト」アクションは無効になります）。

その部分は問題なく動作しますが、問題があります。

私の問題の例

「ホームページ」ページにDIVがあり、その中にいくつかの画像とリンクのリストがあるとします...

• ページ1
• 2ページ目
• 3ページ目

画像の読み込みには時間がかかる場合がありますが、その間、ユーザーは画像が完全に読み込まれるのを待たずに[ページ1]リンクをクリックすることがよくあります。

これにより、「ホームページ」ページのコンテンツがクリアされ、「ページ1」のコンテンツが読み込まれます。それはうまくいきます。

問題は、ユーザーが「ホームページ」ページから移動した場合でも、「ホームページ」ページの画像がブラウザに読み込まれていることです。

ページが実際に変更されておらず、BBQプラグインのhashchangeハックを使用しているため、これが発生していることはわかっていますが、現在ロードされているすべての画像にhashchangeイベントで停止するようにJavaScriptで指示する方法があるかどうかを知りたいですか？

?? サンプルコードは次のようになります...

私が欲しいのは、ページの一部を変更するリンクと、そのための動的 URL で、次のような変数を指定できるようにすることです。#calendar=10_2010tabview=tab2

Check this for an exact example: 正確なデモについては、ここをクリックしてください

だからここに私が必要とするリンク形式があります：

#calendar=10_2010&tabview=tab2

calendarなどのリンクに変数が必要なtabviewので、再読み込みせずに 1 つのページで複数の項目を変更できます。

またはhttp://www.wbhomes.com.auのような別の形式、これはまさに私が望むものですが、最初の形式も優れていますが、これははるかに美しいです。

• http://wbhomes.com.au/#/propertiesforsale/houseandland/quinnsbeach-waterland1

要件

• たとえば、メールから、または URL バーに書き込むだけの場合は、どこからでもアクセスする必要があります。

• リンクは履歴にあるはずなので、戻るボタンまたは進むボタンを押すと、ページにアクセスする必要があります。

• ページの更新も機能する必要があります。

いくつかのリソース:

例:

• www.developer.yahoo.com/

• www.facebook.com - プロフィール ページのサイドバー リンク

• www.wbhomes.com.au/ - 私が望むものに 100% 近い

• www.flickr.com/

• www.youtube.com

いくつかのチュートリアル:

• www.ajaxpatterns.org/

• www.contentwithstyle.co.uk/

私を助けてください！これを行うための解決策を見つけたことはありませんが、jquery や API、ライブラリを使用したくありません。動作するJavascript/AJAXスクリプトPHPが必要です。

これが私の履歴値変更イベントハンドラです:

ご覧のとおり、www.domain.com/#edit にアクセスすると、編集ビューが読み込まれます。しかし、ID などのフラグメントでパラメーターを指定し、それを Edit Contacts Presenter に渡すにはどうすればよいでしょうか?

www.domain.com/#edit/1

これで、さまざまな方法でデータをフィルター処理する簡単なページができました (ほとんどすべてが機能しています)。たとえば、ユーザーのリストを含むページがあります。ページ番号を選択したり、並べ替えの基準 (および並べ替えの方向) とページあたりの結果数を選択したりできます。

それが機能する方法は、これらの変数の1つが変更されるたびに、サーバーからテーブルデータを取得するためにjqueryでPOST ajaxを使用することです(サーバーがデータを正しく取得できるように変数を渡します)。

私が疑問に思っていることの 1 つは、これを支援するために URL を使用する方法です。追加の方法でデータを制限できるようにしたい。たとえば、「example.com/users/index#topvisitors」を表示している場合、サーバーは上位の訪問者のリストのみを返します。または、「example.com/users/index#bannedusers」は禁止されたすべてのユーザーを返す可能性があります。

最後に、サーバーがより具体的なデータセットを返すのを助けるためのURLの方法が本当に必要です

アイデア？

MVC を使用して、サーバー側で ajax #anchors の処理を​​標準化しようとしています。

コントローラー アクションが呼び出される前に、ajax アンカーを含むすべてのリクエストを ajax アンカーのないリクエストに変換して、コントローラー コードがリクエストにアンカーがあったことを認識しないようにします。

例えば：

1)/user/profile#user/photosとして扱われるべきです/user/photos

2)/main/index#user/profile/33として扱う必要があります。/user/profile/33

それを達成するためのMVCの最良のテクニックは何ですか?

Facebookは、URL#!だけでなく、Ajax履歴（[戻る]および[進む]ボタン）とブックマークを使用しています。#通常のアンカーがAjax履歴メカニズムに干渉して、通常のアンカーの処理をトリガーする可能性があると考えていたので、これを行うことは常に良い考えですか。

したがって、Ajax履歴関数は、ハッシュ部分を処理するのは、だけでは#!なく、表示された場合のみ#です。

そして!、主要なブラウザと互換性のあるものを使用していますか？Facebookがを使用し!ている場合、それはかなりよくサポートされている可能性があると推測されます。

クエリパラメータ値が挿入されるのと同じ方法で、URLのフラグメント（＃）からbean（JSF）に値を挿入する方法を探しています。私はBenAlmanのBookmarkablejQueryプラグイン（http://benalman.com/projects/jquery-bbq-plugin/）を使用してURLフラグメントを作成しています。私はprettyFacesのカスタム正規表現パターンが私の問題を解決する方法になることを望んでいましたが、今まで私は成功していませんでした。

（http://ocpsoft.com/docs/prettyfaces/snapshot/en-US/html_single/#config.pathparams.regext）

ここで私の状況を定義したいと思います。誰かがアイデアを持っているなら、私はそれらを試してみたいと思います。

私は
RichFaces：3.3.3、
Spring：3.0.2.RELEASE、
Hibernate：3.5.3-Final、
JSF：2.0.2-FCS、
PrettyFaces：3.0.1を使用しています。

Webアプリケーションは、次の種類のURLを生成します。ここで、パラメーターはハッシュ（＃）の後にリストされます。アイデアは、ajaxベースのブックマーク可能なURLを持つことです。そのため、システムの状態を変更する要素をクリックするたびに、ハッシュが書き換えられた後、値がajaxとURLを介してサーバーに送信されます。ハッシュの後に1〜3個のパラメーターを含めることができ、パラメーターの数はオプションです。

私の目標は、ユーザーがURLを（ハッシュを使用して）ブックマークし、保存されたページに再度アクセスしたときに、ページがシステムに正しい値を挿入し、以前の状態（クエリパラメーターなど）でページを視覚化することです。

以下に、ハッシュの後のすべてのパラメーターをキャッチする正規表現があります。

URLフラグメントをサーバー側のロジックに送信するWebサイトがあることを私は知っています。

• http://maps.yahoo.com/#mvt=m&lat=36.952736&lon=-95.84758&zoom=11&tt=starbucks&tp=1&ioride=us
• http://www.cbc.ca/video/#/Shows/Death_Comes_to_Town/ID=1365210427

URLフラグメントからサーバー側のBeanに値を挿入する方法はありますか？

画像ギャラリーとして使用しているURLが1つあります。このURLには親指がありますdiv（簡潔にするために、4つの親指のみを表示しています）。

divそして、と呼ばれる空#content：

divと呼ばれる隠された#preload：

私のjQueryは、クリックされたサムネイルのIDをclone()対応する画像に使用し、メソッドを使用してspanそれらをドロップします。それは素晴らしい働きをします。さて、プロジェクト01に戻り、すでにプロジェクト01で埋め尽くしたいと思います。#contenthtml()mysite.com/#project01#content

同じjQuery状態を呼び出すハッシュURLを各画像に与えるにはどうすればよいですか？

私はいくつかのスクリプトに取り組んでいますが、ハッシュに深刻な問題があります。

次のようなリンク画像のリストがあります。

私がやりたいのは、最初の画像をクリックした後にファイル files/#1.html をロードし、2 番目の画像をクリックした後に files/#2.html をロードすることだけです。

これが私のjQuery関数です：

したがって、画像をクリックすると、ハッシュが URL (href="#1") に追加され、正しいファイルが #displayFile div に読み込まれ、フェードインされます。

しかし、実際には画像をクリックすると空の #displayFile div が表示され、同じハッシュでサイトを更新した後、コンテンツが読み込まれます。スクリプトは、URL に入るずっと前にハッシュを取得すると思います。

修正方法は？

ありがとう。