новые сообщения
ответы на мои сообщения
избранное
скрытые темы
случайный топик
открыть всё в новых вкладках
Форум → Программирование → JavaScript → jQuery fieldsets => tabs
jQuery fieldsets => tabs
Страницы: ← Предыдущая страница →
-
Сообщения:
4540
Репутация:
N
Группа:
Джедаи
19 января 2012 г. 21:19, спустя 5 минут 41 секунду
никогда не юзал филды)) кривые они))Высокоуровневое абстрактное говно -
Сообщения:
7958
Репутация:
N
Группа:
в ухо
-
Сообщения:
5147
Репутация:
N
Группа:
в ухо
20 января 2012 г. 9:14, спустя 11 часов 45 минут 55 секунд
зафавил тему. это то что реально нужно.ιιlllιlllι унц-унц -
Сообщения:
26646
Репутация:
N
Группа:
в ухо
20 января 2012 г. 14:33, спустя 5 часов 18 минут 41 секунду
сдаю решение в общем, вдруг кому надо будет тоже.
http://jsfiddle.net/aYnY2/
tabs generation + tabs простые сами :-)
фидл не поддерживает lesscss, поэтому вот он..tabs{
background: #fff;
h2{
float: left;
margin: 10px 0 0 0;
font-size: 12px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
}
.nav{
float: left;
margin: 0;
font-size: 12px;
li{
float: left;
margin: 0 0 0 7px;
}
a{
display: block;
padding: 9px 14px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
outline: none;
}
.active{
background: #dbe7f1;
}
}
.content{
background: #efefef;
clear: both;
font-size: 14px;
padding: 28px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
text-shadow: 1px 1px 0 #fff;
}
.disclaimer{
background: #dbe7f1;
padding: 15px;
margin: -28px -28px 28px -28px;
font-size: 12px;
text-align: center;
border-bottom: 1px solid #c4d2db;
}
}Сапожник без сапог -
Сообщения:
4540
Репутация:
N
Группа:
Джедаи
20 января 2012 г. 15:14, спустя 40 минут 59 секунд
$(function () {
это в фиддле не обязательно, он умный))
по мне, так табсы на столько простая конструкция, что айдишники в ней нахер не нужны и проще сделать по номерам элементов))$('#nav li').click(function() {
var li = $(this),
div = $('#box div'),
i = li.index();
$.merge(div.eq(i), li)
.addClass('active')
.siblings()
.removeClass('active');
}).eq(0).click();Высокоуровневое абстрактное говно -
Сообщения:
26646
Репутация:
N
Группа:
в ухо
20 января 2012 г. 15:23, спустя 9 минут 3 секунды
по мне, так табсы на столько простая конструкция, что айдишники в ней нахер не нужны и проще сделать по номерам элементов))
с айдишниками можно не завяываться на верстку + свои хуйнуть) но в принципе это как хочется - по желанию тобишь. я сделал по быстрому :-)Сапожник без сапог -
Сообщения:
1316
Репутация:
N
Группа:
Адекваты
20 января 2012 г. 16:44, спустя 1 час 21 минуту 27 секунд
фидл не поддерживает lesscss
Пересел на lesscss всё таки? -
Сообщения:
4540
Репутация:
N
Группа:
Джедаи
20 января 2012 г. 16:52, спустя 8 минут 5 секунд
и меня подсаживает, жук))
декомпилятор поставил, вкладки с доками открыты, но все никак не начну))Высокоуровневое абстрактное говно -
Сообщения:
1316
Репутация:
N
Группа:
Адекваты
-
Сообщения:
4540
Репутация:
N
Группа:
Джедаи
-
Сообщения:
26646
Репутация:
N
Группа:
в ухо
20 января 2012 г. 19:18, спустя 2 часа 10 минут 33 секунды
уху. тлична явещьфидл не поддерживает lesscss
Пересел на lesscss всё таки?Сапожник без сапог
Страницы: ← Предыдущая страница →
Пожалуйста, авторизуйтесь, чтобы написать комментарий!