Форум программистов, компьютерный форум, киберфорум
Наши страницы

HTML, CSS

Войти
Регистрация
Восстановить пароль
 
bairamka
0 / 0 / 0
Регистрация: 17.04.2013
Сообщений: 8
#1

Div и замена url - HTML, CSS

25.11.2015, 12:52. Просмотров 269. Ответов 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
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Div и замена url (HTML, CSS):

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

<div> перекрывает 2 других <div>. Не отображается <div> - HTML, CSS
&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'ов в нем - HTML, CSS
Надо чтобы div &quot;telo&quot; растягивался в зависимости от дивов которые находятся в нем. тоесть должен быть черный квадрат в котором по углам...

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

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

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

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

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

Как растянуть div на всю страницу внутри фиксированного div - HTML, CSS
Здравствуйте, скажите пожалуйста как можно растянуть div на всю страницу внутри фиксированного div &lt;div style=&quot;width:500px; margin:0...

Наводим на div-ссылку - получаем div-меню . Как реализовать ? - HTML, CSS
Привет всем. Собственно задача : наводим на блок &lt;Even&amp;Odd&gt; , получаем блок &lt;глаз/звезда/стрелка/корзина&gt;

Нужно поместить div под другой div(position:absolute) - HTML, CSS
Допустим у нас есть DIV 100 на 100 PX с абсолютным позиционированием, и есть другой div просто 100 на 100 PX. Второй div будет...


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

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

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