Как изменить только часть страницы при навигации?

-1

У меня есть страница, какКак изменить только часть страницы при навигации?

<html> 
<body> 
    <div id="header"> 
     <a href="page1.html">Page1</a> 
     <a href="page2.html">Page2</a> 
    </div> 
    <div id="Container"> 
     Content 
    </div> 
</body> 
</html>

При нажатии на навигацию, я хочу, чтобы получить страницу, но с фиксированным заголовка. Просто измените содержимое и адресную строку контейнера или измените страницу с фиксированным заголовком

Как и Facebook с фиксированным чатом и заголовком.

Я пробовал много способов, как Ajax, но я не могу использовать это :)

источник

2012-07-02 Ahmed

Вы можете использовать jQuery «s $.get() и попробовать что-то вроде этого:

$(document).ready(function() { 
    $('a').click(function(event) { 
     event.preventDefault(); 
     $.get(this.href, {}, function(data) { 
      $('#container').html(data); 
     }); 
    }); 
});

Это заменит содержимое от #container с тем, что находится за ссылкой в навигации. Тогда вы должны быть уверены, что только нужный контент находится в page1.html.

Лучшим и более сложным способом сделать это было бы полное содержимое сайта в page1.html и использовать некоторую логику в пределах функции success для извлечения только необходимого содержимого.
Это хорошо подходит для пользователей без JavaScript и т. Д.

Прочитайте функциональность jQuery Ajax, и вы должны быть способны что-то сделать довольно быстро.

источник

2012-07-02 10:45:37 WrongAboutMostThings

Как изменить только часть страницы при навигации?

ответ

Смежные вопросы