|
0 / 0 / 1
Регистрация: 17.04.2013
Сообщений: 8
|
|
Div и замена url25.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
|
|
| 25.11.2015, 12:52 | |
|
Ответы с готовыми решениями:
4
Резиновый размер div'a, размер div'a в зависимости от расположения div'ов в нем |
|
653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
|
||
| 25.11.2015, 13:00 | ||
|
2) Редирект на сервере(перенаправлять с mysite.ru/page*.html на mysite.ru/ ) 3) На самой странице добавить роутер, который перед отображением страницы смотрит url и присваивает нужному диву display:block
1
|
||
|
0 / 0 / 1
Регистрация: 17.04.2013
Сообщений: 8
|
|
| 25.11.2015, 13:07 [ТС] | |
|
спасибо,а нет ли другого метода добавлять url к div'у ?
0
|
|
|
653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
|
||
| 25.11.2015, 13:15 | ||
Сообщение было отмечено bairamka как решение
РешениеДля каждой страницы книги создаете отдельный файл page1.html, page2.html и т.д. На главной у вас будет навигация(след., перд. страницы) и фрейм, в котором будет выводиться та самая page*.html. При клике на след/пред менять атрибут src у фрейма.
0
|
||
|
0 / 0 / 1
Регистрация: 17.04.2013
Сообщений: 8
|
|
| 25.11.2015, 13:18 [ТС] | |
|
0
|
|
| 25.11.2015, 13:18 | |
|
Помогаю со студенческими работами здесь
5
Как наложить один DIV на другой DIV (чтобы он был по центру) тег div должен спускаться вниз с родным div, не получается, подскажите Показать второй div-sidebar перед первым div-content на CSS Как сделать чтобы фон у div залезал на другой div Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
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. Пошагово создадим проект для загрузки изображения. . .
|