jQuery + label tag

Очередной, очень маленький, но ужасно удобный trick.

Суть очень простая, он автоматически делает  одинаковый width для всех элементов <label>.

Изначально форма выглядит примерно вот так:

before jQuery + label tag

Добавляем стиль:

label, input[type="text"]{
    float:left;
    display:block;
}
label{
    margin-right: 5px;
}
.field{
    width:100%;
    overflow:auto;
    margin:5px 0px;
}

Добавляем javascript:

$(document).ready(function() {
    var max = 0;
    $("label").each(function(){
        if ($(this).width() > max)
            max = $(this).width();
    });
    $("label").width(max);
});

И вуаля:

after jQuery + label tag

Похожие записи

Комментарии:

  1. shattl 2 июля 2009 в 14:38Ответить

    ок

    будем использовать!

  2. Права на «Интернет» | Rpsl 8 сентября 2010 в 15:48Ответить

    [...] альбом 2010скачать клип Love the way you Lieskachat klip na love the way you lielabel jquery [...]

  3. Права на «Интернет» | Rpsl 8 сентября 2010 в 15:48Ответить

    [...] альбом 2010скачать клип Love the way you Lieskachat klip na love the way you lielabel jquery [...]

Написать комментарий