Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
bairamka
0 / 0 / 1
Регистрация: 17.04.2013
Сообщений: 8
#1

Div и замена url

25.11.2015, 12:52. Просмотров 888. Ответов 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)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
25.11.2015, 12:52
Ответы с готовыми решениями:

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

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

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

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

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

4
Shakalaka
Эксперт HTML/CSS
644 / 548 / 322
Регистрация: 27.01.2015
Сообщений: 1,373
25.11.2015, 13:00 #2
Цитата Сообщение от 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  [ТС] #3
спасибо,а нет ли другого метода добавлять url к div'у ?
0
Shakalaka
Эксперт HTML/CSS
644 / 548 / 322
Регистрация: 27.01.2015
Сообщений: 1,373
25.11.2015, 13:15 #4
Лучший ответ Сообщение было отмечено 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  [ТС] #5
Цитата Сообщение от Shakalaka Посмотреть сообщение
Добавлять url к диву нельзя в принципе. Если не знаете как реализовать то, что я описал выше - используйте фреймы. Результат будет не очень, но работать будет.
Для каждой страницы книги создаете отдельный файл page1.html, page2.html и т.д.
На главной у вас будет навигация(след., перд. страницы) и фрейм, в котором будет выводиться та самая page*.html. При клике на след/пред менять атрибут src у фрейма.
благодарствую.
0
25.11.2015, 13:18
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
25.11.2015, 13:18

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

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

Растянуть div col-xs-4 во всю высоту div row (bootstrap)
Здравствуйте Как сделать &lt;div class=&quot;col-xs-4&quot;&gt; во всю высоту &lt;div...


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru