Форум

danik.js · #1 (**permalink**) 13.09.2010, 18:34

Хочу сделать свой скрипт стилизации чекбоксов и радиобаттонов.
Вопрос такой - в чем отличие между созданием новых типов элементов, скажем <checkbox /> перед обычным <span class="checkbox" /> ???

Набросал скрипт, проверил его в ие7 и в норм. браузерах - везде работает нормально. стили из css применяются нормально. Но наверно гдето подвох... Подскажите пожалуйста.
Заранее много спасибов

Kolyaj · #2 (**permalink**) 13.09.2010, 18:42

Сообщение от danik.js

Но наверно гдето подвох...

Клавиатурой всё работает?

danik.js · #3 (**permalink**) 13.09.2010, 19:24

наверно неправильно вопрос задал...
Стоит задача - стилизация чекбоксов, радиобаттонов.
Пишу скрипт, который подменяет реальные контролы фиктивными.
Так вот в аналогичных скриптах для этих фиктивных контролов используется чета типа <span class="radio"></span>. А я вот хочу не span а radio. Тоесть у меня в DOM будет <radio class="checked"><handle /></radio>.
Я уже сделал так, все на первый взгляд работает... Но вот както неспокойно на душе. Какие могут быть проблемы всвязи с созданием новых типов элементов?

Насчет клавиатуры - вопрос вродебы решил. Просто на onfocus нативного контрола добавляю своему контролу класс focus..

tenshi · #4 (**permalink**) 14.09.2010, 00:24

ие6 без хака ( document.createElement( 'radio' ) перед парсингом ) не стилизует.
лучше использовать пространства имён и хаки не потребуются:

<html xmlns:x="...">
<x:radio>...</x:radio>

x\:radio {
...
}

danik.js · #5 (**permalink**) 14.09.2010, 16:11

Спасибо, не знал про такую фишку. Контролы будут замещаться динамически, как раз через document.createElement( 'radio' ), так что все ок. Просто ну нигде раньше не встречал подобных действий. Хотя не, вроде гдето видел... но там создаваемые элементы не были частью ui..

Форум

Справочник

Discord чат

Курсы javascript