Помощник
|
Переключение между страницами |
Gagapsha
|
Сообщение
#1
|
||
|
|
||
|
|||
Muxa_hb |
21.8.2013, 20:05;
Ответить: Muxa_hb
Сообщение
#2
|
|
при помощи только html/css - практически никак. Есть, конечно, SSI, но они мало где поддерживаются. При помощи css3 тоже вроде можно поизгаляться, но это будет просто тихий ужас. Либо используйте js, либо php, либо в связке а-ля js-ajax-php (ну или что другое, но из ЯП)
|
|
|
Gagapsha
|
Сообщение
#3
|
|
Вот часть кода сайта найденного в инете для примера:
<div id="wrapper"> <nav id="nav"> <a href="#me" class="icon icon-user active"><span>Me</span></a> <a href="#work" class="icon icon-folder"><span>Work</span></a> <a href="#email" class="icon icon-mail"><span>Email Me</span></a> <a href="http://twitter.com/n33co" class="icon icon-twitter"><span>Twitter</span></a> </nav> <div id="main"> <article id="me" class="panel"> <header> <h1>Jane Doe</h1> <span class="byline">Senior Astral Projectionist</span> </header> </article> <article id="work" class="panel"> <header> <h2>Work</h2> </header> </article> <!-- Email --> <article id="email" class="panel"> </article> </div> <!-- Footer --> <div id="footer"> <ul class="links"> <li>© Jane Doe</li> <li>Images : <a href="http://fotogrph.com/">fotogrph</a></li> <li>Design : <a href="http://html5up.net/">HTML5 Up!</a></li> </ul> </div> </div> Каждая ссылка отправляет в div на #me #work или #email? Как такое возможно? Мне необходимо подгружать данные в блок одной странице при нажатии на ссылку. То есть нажали на "Контакты" и информация подгрузилась в блок "main". С помощью чего это делается? |
|
|
Wins |
22.8.2013, 15:13;
Ответить: Wins
Сообщение
#4
|
|
|
Каждая ссылка отправляет в div на #me #work или #email? Как такое возможно? С помощью jquеry например вот допустим кусок из своего выдрал <div class="movers-rows"><a href="#1" class="cross-link active-thumb"><img class="nav-thumb"></a></div> <div id="movers-row"> <div><a href="#2" class="cross-link"><img class="nav-thumb"></a></div> <div><a href="#3" class="cross-link"><img class="nav-thumb"></a></div> <div><a href="#4" class="cross-link"><img class="nav-thumb"></a></div> </div> кусок из галереи, просто я тут параметры в картнках по убирал. Тот что вы код привели, принцип тот же. Почитайте про постраничную навигацию на Jquery.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Выравнивание картинки по центру между текстом | 10 | NikN | 2637 | 6.1.2021, 23:24 автор: buypushplatform |
|
Автоматическая перелинковка между страницами Wordpress | 4 | rokot | 2306 | 28.7.2019, 20:56 автор: rokot |
|
Сменить фокус общения JS между документами нужен очень толковый JS разработчик |
0 | LebedevStr | 2633 | 24.6.2018, 19:21 автор: LebedevStr |
|
Как удобнее работать в команде, если надоело переключаться между мессенджерами? | 3 | work_lance | 3909 | 14.3.2018, 3:30 автор: work_lance |
|
Обмен валюты между электронными кошельками, ввод/вывод на банковские карты и счета Мгновенный обмен по множеству направлений, дешего, гарантии |
249 | TruObmeN | 108655 | 12.5.2016, 21:22 автор: Inlogix |
Текстовая версия | Сейчас: 24.4.2024, 0:52 |