Модераторы: Sardar, Aliance

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Обновление содержания без перехода по УРЛ, варианты решения 
:(
    Опции темы
sokpet
Дата 17.5.2010, 16:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 103
Регистрация: 13.1.2008

Репутация: нет
Всего: нет



Добрый день.

Очень хочется услышать комментарии спецов, как правильнее решить эту задачу...

Необходимо обновлять содержание определенной части страницы используя меню и без перехода по новому УРЛ. Причем "высота содержания" должна зависить от того, что там находится (т.е не фиксированная). Для наглядности прицепил 2 картинки.

http://ipicture.ru/upload/100517/wCUk8vSI1d.jpg
http://ipicture.ru/upload/100517/7YY4JV2deZ.jpg

Еще очень важно, чтобы вся эта конструкция была очень дружелюбна с точки зрения SEO.

Наверняка этот вопрос уже сто раз обсуждали на форуме, но что-то ничего похожего не нашел. Может уже и готовое решение давно есть?

Порылся в гугле, и там пишут что нужно использовать jQuery AJAX или JavaScript.

Заранее спасибо


(Не уверен, что пишу в правильной ветке, но более подходящей не нашел.)
PM MAIL   Вверх
EmilRegis
Дата 17.5.2010, 17:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 306
Регистрация: 21.9.2007

Репутация: 1
Всего: 4



ну тут или AJAX или фреймы
PM MAIL   Вверх
bars80080
Дата 17.5.2010, 17:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315



любой переход без изменения урл - суть javascript, либо фрейм. и то и другое очень не дружелюбны к SEO
PM MAIL WWW   Вверх
sokpet
Дата 17.5.2010, 18:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 103
Регистрация: 13.1.2008

Репутация: нет
Всего: нет



Порылся поглубже в гугле... похоже на AJAXe делать нужно. 

У кого-нибудь есть примеры решения похожей задачи на AJAXe?

Заранее спасибо.

Добавлено через 3 минуты и 39 секунд
bars80080

Нашел интересный линк

http://ruseller.com/lessons.php?rub=28&id=569

Там пишут что "полученный сайт будет также абсолютно дружелюбен в плане поисковой оптимизации"

Значит это не правда?
PM MAIL   Вверх
bars80080
Дата 17.5.2010, 19:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315



почему же? просто ты не совсем понял, что говорил автор. не знаю правда, как там с кодом далее, не читал, но вот это описывает вполне грамотную концепцию:

Цитата

Сайт, который мы создаем в этом уроке будет иметь обычную навигацию, состоящую из обычных ссылок, которые ведут на разные страницы. Если JavaScript включен тогда поведения после нажатия на ссылки будет изменено (т.е не будет перехода на новую страницу) на новое - загрузка контента используя AJAX и обновление страницы без перехода по новому УРЛ.


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

то есть для поисковиков сохраняется прежняя структура с обычными ссылками. а для пользовательских браузеров происходит адаптация
PM MAIL WWW   Вверх
sokpet
Дата 17.5.2010, 22:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 103
Регистрация: 13.1.2008

Репутация: нет
Всего: нет



bars80080

т.е. если я правильно понимаю, нужно написать весь сайт только на HTML и потом привентить этот код?

вообщем-то я бы его и написал только на HTML без всяких примочек, но проблема в том что при переходе по ссылке страница должна вставать на том же месте, т.е. ближе к концу страницы (страница достаточно длинная), там где будет "меняться" содержание.  Если такое возможно, то как?

PM MAIL   Вверх
bars80080
Дата 17.5.2010, 23:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315



Цитата(sokpet @  17.5.2010,  22:24 Найти цитируемый пост)
т.е. если я правильно понимаю, нужно написать весь сайт только на HTML и потом привентить этот код?

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

Цитата(sokpet @  17.5.2010,  22:24 Найти цитируемый пост)
Если такое возможно, то как?

да там же по твоей ссылке всё расписано.

Цитата

Также важный шаг - это создание div, в котором будет находится контент. Именно в нем будет меняться текстовая информация при нажатии на ссылки в навигации. Обратите внимание, что у нас два элемента - обертка и непосредственно сам элемент в котором контент (с id - text).

смотри:
Цитата

Также обратите внимание, что все страницы с контентом являются сами по себе полноценными html документами. Мы загружаем их с помощью AJAX и используем только часть с текстом. Если кто-то обратится к такой странице напрямую, он увидит полный вариант страницы, а не только текст.

т.е. страница на которую мы ранее переходили по ссылке имеет обычную стрктуру:
<html>...<body>... <div id="ajax-wrap"><div id="text">content</div></div>...
все страницы имеют такую структуру, меняется только контент. далее добавляются скрипты, библиотека jquery и он по сути должен работать.
меняться будет только часть внутри <div id="text">
PM MAIL WWW   Вверх
BlackApricot
Дата 18.5.2010, 05:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 18
Регистрация: 17.8.2009

Репутация: нет
Всего: нет



bars80080, может чего и не допонял, но почему не использовать innerHTML или display.block/none? Всё будет готовое, ходить ни куда не надо. Кто мешает при наличии JS переключить всё "на себя".
PM MAIL   Вверх
EmilRegis
Дата 18.5.2010, 05:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 306
Регистрация: 21.9.2007

Репутация: 1
Всего: 4



у вас вроде задача - менять содержимое дива без перезагрузки страницы, при чём тут display innerHTML или display.block/none?
с помощью аджакса обращаетесь к серверу, получаете необходимый контент и заполняете див <div id="ajax-wrap"><div id="text">content</div></div>
PM MAIL   Вверх
sokpet
Дата 19.5.2010, 09:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 103
Регистрация: 13.1.2008

Репутация: нет
Всего: нет



а может лучше все сделать через function MM_showHideLayers(), конечно при условии что высота diva будет одинаковая?
PM MAIL   Вверх
ksnk
Дата 19.5.2010, 09:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386



Цитата(sokpet @  19.5.2010,  09:25 Найти цитируемый пост)
а может лучше все сделать через function MM_showHideLayers(), конечно при условии что высота diva будет одинаковая? 

Дримвейвер - костыли... причем уже основательно замшелые... ходить стоит учится собственными ногами  smile 

А по сути, предлагается ВЕСЬ контент со всеми имеющимися фотографиями, маленькими и большими СРАЗУ загрузить в броузер и только потом показывать-скрывать нужные разделы? 

Это выглядит неплохо до тех пор, пока в альбоме лежит пара фотографии... пара сотен фотографий размера в 40к - это уже 2метра дополнительного трафика. Если выкладывать фото с хорошим качеством - дойдет до нескольких сотен метров трафика. Кроме того, что такой сайт будет грузится неимоверно долго, он еще и будет отпугивать юзеров, которые сидят на телефонных линиях...


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
sokpet
Дата 19.5.2010, 10:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 103
Регистрация: 13.1.2008

Репутация: нет
Всего: нет



Согласен. Dreamwever не самый хороший. Но как визуальный редактор вполне сносно работает. Все равно код ручками пишется, за исключением некоторых копи пастов.

Цитата

А по сути, предлагается ВЕСЬ контент со всеми имеющимися фотографиями, маленькими и большими СРАЗУ загрузить в броузер и только потом показывать-скрывать нужные разделы?


В принципе смысл именно в этом. 


Там максимум будет 50 фото (включая большие) + конечно краткое описание в отдельном dive

Цитата

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


Вот это меня как раз меньше всего беспокоит, так как сайт готовится для определенной страны в западной Европе, а здесь все на ADSL с минималкой в 6 Mb и до 20Mb, ну и конечно же весь трафик безлимитный.

Осталось опредилится замарачиваться с AJAX или делать через hidden/vissible.
PM MAIL   Вверх
ksnk
Дата 19.5.2010, 11:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386



sokpet, надо еще не забывать стремительно растущий кластер юзеров с мобильными устройствами.  smile Вот они-то в первую очередь и завопят о трафике и тормозах загрузки. И не важно, что они в европах разных...


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
sokpet
Дата 19.5.2010, 12:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 103
Регистрация: 13.1.2008

Репутация: нет
Всего: нет



т.е. чтобы всем угодить.... однозначно AJAX в данном случае?
PM MAIL   Вверх
bars80080
Дата 19.5.2010, 13:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315



однозначно вариант где вначале ссылки самые обычные, и только потом переписываются

PM MAIL WWW   Вверх
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0623 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.