Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 16.10.2012, 17:33   #1
roxy7
Пользователь
 
Регистрация: 20.10.2011
Сообщений: 53
По умолчанию Ссылка и кнопка

У меня на сайте есть вкладки, которые открываются без перезагрузки (библиотека jQuery подключена и скрипт, который переключает между собой):
Код:
<div id="vkladka">
 <div class="vv" id="vkladka1" onclick="chang2('#vkladka1');con('#blok');">Главная страница</div> 
 <div class="vkl" id="vkladka2" onclick="chang('#vkladka2');con('#blok2');">Новости</div>  
</div>
<div id="ddd">
<div class="content" id="blok">Текст1</div>
<div class="content" id="blok2">Текст2</div>
</div>
Мне хотелось так, чтобы, если нажать ссылку, например, "Главная страница", открывается страница тоже и без перезагрузки. Не знаю как написать, вроде так:
Код:
<div id="ssilka">
 <div class="ss" id="ssilka1"> <a href="chang2('#ssilka1');con('#ss1');">Главная страница</a>
 </div> 
 <div class="ssl" id="ssilka2"> <a href="chang('#ssilka2');con('#ss2');">Карта сайта</a>
 </div> 
 </div> 
<div id="ddd">
<div class="content" id="ss1">Текст1</div>
<div class="content" id="ss2">Текст2</div>
</div>
roxy7 вне форума Ответить с цитированием
Старый 17.10.2012, 17:30   #2
roxy7
Пользователь
 
Регистрация: 20.10.2011
Сообщений: 53
По умолчанию

Исправленный мной код:
<div id="ssilka">
<div class="ss"> <a href="#ss1">Главная страница</a>
</div>
<div class="ssl"> <a href="#ss2">Карта сайта</a>
</div>
</div>
<div id="ddd">
<div class="content" id="ss1">Текст1</div>
<div class="content" id="ss2">Текст2</div>
</div>

Всё равно не получилось...
roxy7 вне форума Ответить с цитированием
Старый 17.10.2012, 19:51   #3
snippet
Пользователь
 
Регистрация: 17.10.2012
Сообщений: 37
По умолчанию

Код HTML:
<div id="menu-box">
  <a href="#" onclick="$('.content').hide(); $('#ss1').show();">Главная страница</a>
  <a href="#" onclick="$('.content').hide(); $('#ss2').show();">Карта сайта</a>
</div> 

<div>
  <div class="content" id="ss1">Текст1</div>
  <div class="content" id="ss2">Текст2</div>
</div>
Если я вас правильно понял, то информацию о всех страничках вы подгружаете сразу в контейнеры #ss1 и #ss2.

В свою очередь обрабатываем нажатия на ссылки меню.

$('.content').hide() //Скрываем все блоки с классом content
$('#ss1').show(); //Показываем нужный блок

В стилях можно скрыть нужные блоки при первой загрузке например #ss2{ display: none;}
http://dev-snippet.com
snippet вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ссылка Maiykl Помощь студентам 0 12.06.2012 09:48
Ссылка Drulya C# (си шарп) 2 17.10.2011 18:41
кнопка ссылка Cpluser HTML и CSS 4 15.04.2011 10:12
Ссылка в VB 6 serega112000 Помощь студентам 2 01.02.2010 21:44
кнопка как ссылка bill HTML и CSS 3 05.01.2008 12:57