Форум Сайтостроение Веб-строительство

Переключатель на javascript

B
На сайте с 16.03.2012
Offline
28
bojikodab
2517

Здравствуйте. Необходима ваша помощь, буду признателен любым подсказкам.

Проблема в следующем:

Есть 2 элемента

<a href="javascript:void(0);" class="*** active">Первый элемент</a>

<a href="javascript:void(0);" class="*****">Второй элемент</a>

Что то в роде переключателя работает, без перезагрузки страницы.

Суть пробелмы такова, что необходимо как то получить ссылку вида: http://site.ru/****** - чтобы можно было перейти сразу на "второй элемент".

Большое спасибо всем ответившим.

-O-O-
На сайте с 27.05.2006
Offline
140
-O-O-
#1

ТС, вот нифига не понятно.

Какую ссылку, какой переключатель? С таким тз Вас пошлют лесом даже за деньги.

Отвлекитесь от кода, пройдитесь, пообщайтесь с живыми людьми и потом сформулируйте заново.

[Удален]
#2

Табы что-ли?

http://jqueryui.com/demos/tabs/

B
На сайте с 16.03.2012
Offline
28
bojikodab
#3
Alexander S:
Табы что-ли?
http://jqueryui.com/demos/tabs/

да, вот значит как это правильно называется. А как сделать ссылку вида необходимого, а то так не получается зайти сразу не необходимый таб.

[Удален]
#4

bojikodab, гуглите

Таких скриптов полно, в том числе и под ваши требования. Что-нибудь найдете, главное знать что искать

B
На сайте с 16.03.2012
Offline
28
bojikodab
#5
Alexander S:
bojikodab, гуглите
Таких скриптов полно, в том числе и под ваши требования. Что-нибудь найдете, главное знать что искать

этим сейчас и занимаюсь, понял что мне надо, мне надо сделать ссылку на таб, чтобы ее можно было написать и перейти именно на необходимый таб

---------- Добавлено 18.06.2012 в 18:53 ----------

чего-то все пишут как создать меню с помощью tab, а вот как сделать ссылку на конкретный таб?:(

Можно ли сделать tabs GrowPosition.com - удобная платформа Полностью накрыть сайт фреймом
богоносец
На сайте с 30.01.2007
Offline
774
богоносец
#6
bojikodab:
чтобы можно было перейти сразу на "второй элемент"

Это можно и без JS http://htmlbook.ru/css/target

Распакуйте и покликайте [ATTACH]110187[/ATTACH] #якорь меняется, его можно отсылать.

zip target.zip
B
На сайте с 16.03.2012
Offline
28
bojikodab
#7
богоносец:
Это можно и без JS http://htmlbook.ru/css/target

Распакуйте и покликайте [ATTACH]110187[/ATTACH] #якорь меняется, его можно отсылать.

Большое спасибо за новодку. Сделал, но не работает в IE. Можно как-нибудь профиксить? 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>CSS-only tabs, a :target demo</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="author" content="Daniel Glazman">

<meta name="generator" content="Mozilla Composer + CaScadeS">



<style type="text/css">



 #tab1, #comments, #tab3 {display:none;}



 .menu1 > a, 

 .menu1 #comments:target ~ a:nth-of-type(1),

 .menu1 #tab3:target ~ a:nth-of-type(1) { 

   background: #fff;

   padding: 5px;

   line-height: 28px; }



 .menu1 > a:nth-of-type(1),

 .menu1 #comments:target ~ a:nth-of-type(2),

 .menu1 #tab3:target ~ a:nth-of-type(3) {border-bottom: #fff;}



 .menu1 > a:hover { text-decoration: none; }



 .menu1 > div,

 .menu1 #comments:target ~ div:nth-of-type(1),

 .menu1 #tab3:target ~ div:nth-of-type(1) {

   display: none;

   border-top: #fff;

   background: #fff;}



 .menu1 > div:nth-of-type(1),

 .menu1 #comments:target ~ div:nth-of-type(2),

 .menu1 #tab3:target ~ div:nth-of-type(3) { display: block; }

 </style>

</head>



<body>



<div class="menu1">

   <br id="comments"/>



   

   <a href="#tab1">CSS</a>

   <a href="#comments">HTML</a>

   

   

   <div>вклака 1</div>

   <div>вклака 2</div>

   

</div>

 

 

</body>

</html>
богоносец
На сайте с 30.01.2007
Offline
774
богоносец
#8

[ATTACH]110225[/ATTACH] как-то так криво

zip JS-hash.zip
B
На сайте с 16.03.2012
Offline
28
bojikodab
#9
богоносец:
[ATTACH]110225[/ATTACH] как-то так криво

Большое спасибо, все отлично работает, но не выполняется функция которая была необходима:

JS-hash/JS-hash.htm#tab-1

При переходе - JS-hash/JS-hash.htm#tab-2 - не открывается второй таб, открывается 1-ый вне зависимости что там написано. а если нижымать, то все переключается. Но необходимо чтобы при вводе JS-hash/JS-hash.htm#tab-2 - заходил на второй таб! можно как-нибудь реализовать?

Js доработка tabs + Нужен программист по js/jquery Задавайте вопросы про Drupal
богоносец
На сайте с 30.01.2007
Offline
774
богоносец
#10
bojikodab:
необходимо чтобы при вводе JS-hash/JS-hash.htm#tab-2 - заходил на второй таб

Это так и есть.

Просто надо открыть новую вкладку и вбить адрес ... а при добавке #tab2 в этой же вкладке — браузер не обновляет страницу.

С location.hash сами играйтесь.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий