2011-10-31 9 views
0

私は開発を開始したデスクトップアプリケーション用のWebページを作成しています.HTML5テクノロジと動的コンテンツJavaScriptを使って基本的に、ブラウザの「ルート」ページ(index.phpまたはディレクトリ名のみ)にアクセスすると、info、about、FAQs、およびcontactフォームのセクションがすべて表示されます(連絡フォームを除いて、そのセクションの見出しは、それを明らかにするためにjQueryアニメーションを起動します)。ページの左側には、自宅へのリンク、about、FAQ、連絡先などの基本的なナビゲーションがあります。これらのリンクのアンカーは、それぞれ "#!/ home"、 "#!/ about"、 "#!/ faq"、 "#!/ contact"(それぞれ)です。これらのうちの1つをクリックすると、JavaScript/jQueryは、ヘッダー、フッター、およびハッシュバンが関係するセクションに保存されているすべての要素を非表示にします(連絡先フォームの場合はセクションのヘッダーのクリックハンドラも削除されます)。ページの唯一のコンテンツである場合に隠すことができる必要もなく、また隠すこともできません。私はこれを行うには良い方法があると、ほぼ確信している動的コンテンツを使用したHashbang、JavaScript、PHPおよびAJAXの効果的な使用

window.onload = (function() { 
    switch(location.hash) { 
    case "#!/contact": 
     $("body > *:not(section#contact, nav, header, footer)").hide(); 
     $("#contact > #labels, #contact > form").slideDown('slow'); 
    // and similar for the other hashbang URIs 
    } 

    if (location.hash == "#!/" || location.hash == "#!/home" || !eval(location.hash)) { 
     $("a[href='#!/contact']").click(function() { 
      $("#contact > #labels, #contact > form").slideDown('slow'); 
     }); 
    } 
    // similar for the other hashbangs 
}); 

、と私はまた、このページとその動的なコンテンツは、Googleのボットによって適切にクロール可能であることを確認したいと思います:現在、私はこれを使用しています。これを正しく行うにはPHPを使用すべきですか?どうして?

ありがとうございます!

答えて

1

This CSSでのビデオチュートリアルChris Coyierのトリックは、このようなものを実装するためのベストプラクティスになります。主なポイントは、アプリケーションのJavaScript機能を有効または無効にすることです。

関連する問題