jQuery + label tag

Очередной, очень маленький, но ужасно удобный trick. Суть очень простая, он автоматически делает  одинаковый width для всех элементов <label>. Изначально форма выглядит примерно вот так: before Добавляем стиль: 
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

, ,   5 комментариев   2 июля 2009   Заметки  

  • http://shattl.org/ shattl

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

  • Asdf

    Ну пиздец. Использовать для стилевых штук яваскрипт — клиника

  • psycho-coder

    2AsdfСогласен! Нет, что бы использовать CSS мы же бля крутые будет явускрипт юзать! Да не просто яву, а еще с аяксом. Таким Web-ламерам нужно руки отрубать по саму жопу!

    • http://blog.rpsl.info Rpsl

      c аяксом ? 0_о

      • psycho-coder

        Упс, перепутал с горяча. jQuery.