Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

css checkbox

271
06 февраля 2008 года
MrXaK
721 / / 31.12.2002
необходимо сменить стиль у элемента <input type=checkbox>, чтобы фон у него был некоторого цвета... проблема в том, что свойство background-color в опере отображается как надо, в ие заливает цветом область вокруг чекбокса, а в мозилле вообще не работает)) есть кроссбраузерное решение?
3.4K
06 февраля 2008 года
cogonet
198 / / 25.07.2006
Боюсь что нет. С элементами формы всегда были проблемы, каждый браузер отрисовывает их по своему соответственно и стили применяет тоже.
21K
06 февраля 2008 года
t3s
26 / / 12.03.2007
есть
но это не совсем чекбокс - скрипт, эмулирующий чекбокс (на выходе выдает массив свыбранными значениеми)
в отличии от обычных радио и чекбоксов этот внешне оформить можно как угодно - если тебя это интересует
271
06 февраля 2008 года
MrXaK
721 / / 31.12.2002
да, если возможно, скинь сюда пожалуйста)
271
06 февраля 2008 года
MrXaK
721 / / 31.12.2002
Ладно, сделал сам эмуляцию чекбокса картинкой и самими чекбоксом под ним с display: none

есть ещё вопрос.. после чекбока идёт текст.. если он длинный, то он переносится на следующую строчку, только надо чтобы перенесённая строка начиналась с уровня начала текста, а так она начинается с уровня чекбокса
3.4K
06 февраля 2008 года
cogonet
198 / / 25.07.2006
Код в студию
271
06 февраля 2008 года
MrXaK
721 / / 31.12.2002
ну там тупо
Код:
dTree.prototype.addCheckbox = function (nodeId, isLast) {
    var str = [];
    str.push('<img id="dchim'+nodeId+'" src="'+this.icon.iconUnCheckAll+'" &#111;&#110;click="'+this.obj+'.setCheck('+nodeId+', '+isLast+')">');
    str.push('<input type=checkbox name=test'+ nodeId +' id="dch'+nodeId+'" style="display: none">');
    return str.join('');
}

dTree.prototype.node = function(node, nodeId) {

    var str = [];
    str.push('<div class="dTreeNode">';


    node_icon = this.addCheckbox(node.id, true);
    node_icon_par = this.addCheckbox(node.id, false);
    node.icon1 =  (this.root.id == node.pid) ? '' : (node._hc ? node_icon_par : node_icon);
    str.push(node.icon1);      
    if( this.root.id != node.pid )     
        str.push(node.name);

    str.push('</div>');
    return str.join('');
}


если name очень длинный и не влезает в экран, то браузер его переносит как обычную строку... только перенесённая строка начинается от границы чекбокса, а надо её чуточку вправо сдвинуть до уровня текста)
21K
19 мая 2008 года
t3s
26 / / 12.03.2007
Цитата: Mr.Hacker
да, если возможно, скинь сюда пожалуйста)


сори, долго не мог найти класс
http://webamator.ru/news.php?extend.25.4
первый вариант почти идентичный вышепредложенному
второй реализован ввиде отдельного класса - имхо гораздо удобнее
демки и архивы там же

94K
25 августа 2014 года
WeezyFB
1 / / 25.08.2014
Рекомендую интересный пример с использованием чекбоксов Эффект наложения с появлением объектов в CSS3 / CSS checkbox
Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог