Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.73/11: Рейтинг темы: голосов - 11, средняя оценка - 4.73
 Аватар для bairamka
0 / 0 / 1
Регистрация: 17.04.2013
Сообщений: 8

Div и замена url

25.11.2015, 12:52. Показов 1989. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день форумчане, дорабатываю сайт с эффектом перелистывания страниц, помогите найти решение. Сайт одностраничный, текст со "страницами книги" расположен в div'ах (div class=page1, page2, и т.д. ...), и при перелистывании "страницы книги" (если листаем с первой страницы на вторую) page1 задается элемент стиля display:none, page2 соотвественно элемент стиля display:block. Тем самым первая страница с текстом прячется, происходит анимация перелистывания и отображается вторая страница.

Как реализовать следующее:
Присвоить div'ам страниц локальные url. Т.е. при перелистывании чтобы менялся url сайта. Например листаем с первой страницы на вторую, было - mysite.ru, после перелистывания mysite.ru/page2.html и т.п. Либо страницы разбить на разные страницы html, но выдирать с них текст без обновления страницы и снова с заменой url.

Как пример
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
25.11.2015, 12:52
Ответы с готовыми решениями:

CSS!? Div в div'e, как не потерять позиции css внутреннего div'a при изменении размера браузера?
вот когда изменяю размер браузера, то внутренний div не хочет изменяться вместе с контейнером, а контейнер изменяется? .container{ ...

<div> перекрывает 2 других <div>. Не отображается <div>
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt; &lt;html...

Резиновый размер div'a, размер div'a в зависимости от расположения div'ов в нем
Надо чтобы div &quot;telo&quot; растягивался в зависимости от дивов которые находятся в нем. тоесть должен быть черный квадрат в котором по углам...

4
Эксперт HTML/CSS
 Аватар для Shakalaka
653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
25.11.2015, 13:00
Цитата Сообщение от bairamka Посмотреть сообщение
при перелистывании чтобы менялся url сайта. Например листаем с первой страницы на вторую, было - mysite.ru, после перелистывания mysite.ru/page2.html
1) Добавление URL через history API
2) Редирект на сервере(перенаправлять с mysite.ru/page*.html на mysite.ru/ )
3) На самой странице добавить роутер, который перед отображением страницы смотрит url и присваивает нужному диву display:block
1
 Аватар для bairamka
0 / 0 / 1
Регистрация: 17.04.2013
Сообщений: 8
25.11.2015, 13:07  [ТС]
спасибо,а нет ли другого метода добавлять url к div'у ?
0
Эксперт HTML/CSS
 Аватар для Shakalaka
653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
25.11.2015, 13:15
Лучший ответ Сообщение было отмечено bairamka как решение

Решение

Цитата Сообщение от bairamka Посмотреть сообщение
а нет ли другого метода добавлять url к div'у ?
Добавлять url к диву нельзя в принципе. Если не знаете как реализовать то, что я описал выше - используйте фреймы. Результат будет не очень, но работать будет.
Для каждой страницы книги создаете отдельный файл page1.html, page2.html и т.д.
На главной у вас будет навигация(след., перд. страницы) и фрейм, в котором будет выводиться та самая page*.html. При клике на след/пред менять атрибут src у фрейма.
0
 Аватар для bairamka
0 / 0 / 1
Регистрация: 17.04.2013
Сообщений: 8
25.11.2015, 13:18  [ТС]
Цитата Сообщение от Shakalaka Посмотреть сообщение
Добавлять url к диву нельзя в принципе. Если не знаете как реализовать то, что я описал выше - используйте фреймы. Результат будет не очень, но работать будет.
Для каждой страницы книги создаете отдельный файл page1.html, page2.html и т.д.
На главной у вас будет навигация(след., перд. страницы) и фрейм, в котором будет выводиться та самая page*.html. При клике на след/пред менять атрибут src у фрейма.
благодарствую.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
25.11.2015, 13:18
Помогаю со студенческими работами здесь

Растянуть div в высоту на 100% или на занимаемое пространство вложенного div
Ситуация такая, есть див-1, в нем несколько дивов. Див-1 осуществляет роль фоновой картинки(т.е. тупо background color задает) В Див-1...

Как наложить один DIV на другой DIV (чтобы он был по центру)
Попытаюсь сформулировать свой вопрос (сразу говорю в начале посмотрите на скриншот который внизу). И так приступили, создаю &lt;div&gt; но...

тег div должен спускаться вниз с родным div, не получается, подскажите
есть два div-a, один родной а второй внутри его, мне нужно, чтобы при пополнений внутреннего div-a, родной div тоже спускался вместе с ним...

Показать второй div-sidebar перед первым div-content на CSS
Как в данном примере можно с помощью CSS показать блок сайдбара первым, перед блоком контента, не смотря на то, что в коде блок контента...

Как сделать чтобы фон у div залезал на другой div
При больших разрешениях 1920px на сайте http://gazetakuponov.ru фон разных блоков урезается, тоесть не дает перейти картинки фона на другой...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru