Замена фреймам на jQuery

фреймы можно успешно заменить использованием jQuery. Многие сайты используют эту библиотеку, в частности на uCoz она подключается автоматически.
Единственный быть может минус — страницы будут плохо индексироваться, но с фреймами вроде дело и того хуже.

Рассказываю принцип:

В отдельный файл (или на отдельной странице) размещаем необходимый нам текст.
Допустим у нас будет страничка mysite.ru/index/0-5
В ней размещаем куски текста, которые нужно будет потом менять в тегах div с уникальным id

Например так:

<a href="#" onclick="load_text('info')">Контактная информация</a>  <a href="#" onclick="load_text('story')">История компании</a>

В каркасе сайта в том месте куда нужно будет подгружать текст также вставляем div с уникальным id

<div id="for_text"></div>

Далее напишем простенькую js функцию:

<script>  function load_text(page) {  $('#for_text').load('mysite.ru/index/0-5 #' + page);  }  </script>

Ну и в конце создаем меню:

<a href="#" onclick="load_text('info')">Контактная информация</a>  <a href="#" onclick="load_text('story')">История компании</a>

Параметр, который передается в load_text(‘story’), я его выделил красным, должен соответствовать id div`а, из которого вы хотите загрузить текст.

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники
Опубликовать в Яндекс
This entry was posted in html & css. Bookmark the permalink.

5 Responses to Замена фреймам на jQuery

  1. duck4fuck says:

    Фреймы и грабб со страницы — это разные вещи, фрейм чаще пользуются как окна на другие страницы, то есть страницы с другим доменом, а load в jq не кроссдоменен…

  2. Аноним says:

    Да это гораздо удобнее чем использование фреймов. Мне вот тут только одно не понятно. Как выводить на странице информацию сразу с нескольких страниц т.е. не только с mysite.ru/index/0-5, а еще и с mysite.ru/index/0-6, mysite.ru/index/0-7, mysite.ru/index/0-8?

  3. Аноним says:

    ребят, не работает

  4. DPolyakov_ says:

    Ну на сколько я понял из ветки на ФТП большинству нужно «чтобы перезагружалась только часть странички там где текст». Исходя из этого мне кажется мой вариант более хорош

  5. DPolyakov says:

    создавайте несколько div`ов с уникальными ID и подгружайте туда.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>