Эффективное использование Hashbang, JavaScript, PHP и AJAX с динамическим контентом - PullRequest
0 голосов
/ 31 октября 2011

Я собирал веб-страницу для настольного приложения, которое я начал разрабатывать, и я действительно хотел бы использовать преимущества технологий HTML5 и динамического контента с помощью JavaScript.По сути, если кто-то посещает «корневую» страницу (index.php или просто имя каталога) в своем браузере, то будут видны разделы для информации, информации, часто задаваемых вопросов и контактной формы (кроме контактной формы; нажмите назаголовок его раздела запустит анимацию jQuery, чтобы раскрыть ее).В левой части страницы у меня есть основная навигация со ссылками на домашнюю страницу, о, часто задаваемые вопросы и контакт.Якорями для этих ссылок являются "#! / Home", "#! / About", "#! / Faq" и "#! / Contact" (соответственно).При щелчке по одному из них JavaScript / jQuery скрывает все элементы, кроме заголовка, нижнего колонтитула и раздела, к которому относится hashbang (для контактной формы он также удаляет обработчик щелчков для заголовка раздела, поскольку онне нужно и не должно быть в состоянии быть скрытым, когда это единственное содержание страницы).В настоящее время я использую это:

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 Ответ

1 голос
/ 31 октября 2011

В этом видео-уроке по CSS Tricks Криса Койера рассказывается о передовом опыте реализации чего-то подобного.Главное, чтобы ваше приложение работало с включенным JavaScript или без него.

...