X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Переключение между страницами
Gagapsha
Gagapsha
Topic Starter сообщение 21.8.2013, 17:26; Ответить: Gagapsha
Сообщение #1


Здравствуйте. Подскажите начинающему в какую сторону копать:

Есть страница с двумя дивами: "меню" и "контент". В меню есть несколько кнопок - "Главная" "Контакты" "Телефон".

Как при помощи html и css при нажатии на кнопки выводить в диве "контент" соответствующую страницу (например main.html, contacts.html, phones.html)?

Спасибо
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Muxa_hb
Muxa_hb
сообщение 21.8.2013, 20:05; Ответить: Muxa_hb
Сообщение #2


при помощи только html/css - практически никак. Есть, конечно, SSI, но они мало где поддерживаются. При помощи css3 тоже вроде можно поизгаляться, но это будет просто тихий ужас. Либо используйте js, либо php, либо в связке а-ля js-ajax-php (ну или что другое, но из ЯП)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gagapsha
Gagapsha
Topic Starter сообщение 22.8.2013, 14:56; Ответить: 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>&copy; 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
Wins
сообщение 22.8.2013, 15:13; Ответить: Wins
Сообщение #4


(Gagapsha @ 22.8.2013, 17:56) *
Каждая ссылка отправляет в 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.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как вы сравниваете ТОП сайтов между собой?
5 noviktamw 5787 10.1.2024, 13:23
автор: wanessa
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
10 NikN 2632 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Автоматическая перелинковка между страницами Wordpress
4 rokot 2289 28.7.2019, 20:56
автор: rokot
Открытая тема (нет новых ответов) Сменить фокус общения JS между документами
нужен очень толковый JS разработчик
0 LebedevStr 2620 24.6.2018, 19:21
автор: LebedevStr
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКак удобнее работать в команде, если надоело переключаться между мессенджерами?
3 work_lance 3874 14.3.2018, 3:30
автор: work_lance


 



RSS Текстовая версия Сейчас: 29.3.2024, 3:01
Дизайн