ФорумПрограммированиеJavaScript → jQuery fieldsets => tabs

jQuery fieldsets => tabs

  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 19 января 2012 г. 12:19, спустя 5 минут 41 секунду

    никогда не юзал филды)) кривые они))
    Высокоуровневое абстрактное говно
  • Sinkler

    Сообщения: 7958 Репутация: N Группа: в ухо

    Spritz 19 января 2012 г. 12:28, спустя 9 минут 30 секунд

    юзаю в кейк-админках своих
  • artoodetoo

    Сообщения: 5147 Репутация: N Группа: в ухо

    Spritz 20 января 2012 г. 0:14, спустя 11 часов 45 минут 55 секунд

    зафавил тему. это то что реально нужно.
    ιιlllιlllι унц-унц
  • phpdude

    Сообщения: 26646 Репутация: N Группа: в ухо

    Spritz 20 января 2012 г. 5: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;
    }
    }
    Сапожник без сапог
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 20 января 2012 г. 6: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();
    Высокоуровневое абстрактное говно
  • phpdude

    Сообщения: 26646 Репутация: N Группа: в ухо

    Spritz 20 января 2012 г. 6:23, спустя 9 минут 3 секунды

    по мне, так табсы на столько простая конструкция, что айдишники в ней нахер не нужны и проще сделать по номерам элементов))

    с айдишниками можно не завяываться на верстку + свои хуйнуть) но в принципе это как хочется - по желанию тобишь. я сделал по быстрому :-)
    Сапожник без сапог
  • Ivan

    Сообщения: 1316 Репутация: N Группа: Адекваты

    Spritz 20 января 2012 г. 7:44, спустя 1 час 21 минуту 27 секунд

    фидл не поддерживает lesscss

    Пересел на lesscss всё таки?
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 20 января 2012 г. 7:52, спустя 8 минут 5 секунд

    и меня подсаживает, жук))
    декомпилятор поставил, вкладки с доками открыты, но все никак не начну))
    Высокоуровневое абстрактное говно
  • Ivan

    Сообщения: 1316 Репутация: N Группа: Адекваты

    Spritz 20 января 2012 г. 8:00, спустя 7 минут 4 секунды

    декомпилятор поставил

    может наоборот?)
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 20 января 2012 г. 8:08, спустя 8 минут 5 секунд

    ой, компилер XD
    Высокоуровневое абстрактное говно
  • phpdude

    Сообщения: 26646 Репутация: N Группа: в ухо

    Spritz 20 января 2012 г. 10:18, спустя 2 часа 10 минут 33 секунды


    фидл не поддерживает lesscss

    Пересел на lesscss всё таки?
    уху. тлична явещь
    Сапожник без сапог

Пожалуйста, авторизуйтесь, чтобы написать комментарий!