Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
 
Фильтр авторов:    показать 
  скрыть
  Закрытая темаСоздание новой темыСоздание опроса

> checkbox плагин, на чистом Javascript
Mike_Kharkov  
 ۩  [x] Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Пользователь
**

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 59
Пользователь №: 30924
На форуме: 13 лет, 4 месяца, 1 день
Карма: 1




Здравствуйте. Недавно решил написать плагин по кастомизации чекбоксов и столкнулся с трудностью того, что при перезагрузке страницы(cntr+r) у меня происходит неприятная вещь:
Если перед перезагрузкой checkbox не активен - то тосле завершения перезагрузки(в мазилла и IE) он тоже остаётся не активным!?
(хотя по умолчанию у него прописано checked="checked")?
ссылка:
http://yamaradg.narod2.ru/history/checked.jpg
Мой блок с дивом(который с права и в перспективе будет использоватся вместо чекбокса) естественно имеет картинку с галочкой, поскольку события при клике не происхоило!?
Вопрос:
Какое событие необходимо прописать для того что бы чекбоксы и картинка в диве соответствовали друг другу при любых ситуациях...

Cам JS код выглядит следующти образом:

var myCheckbox = document.getElementById('myCheckbox');
var virtualCheckbox = document.getElementById('virtual_checkbox');

virtualCheckbox.onclick = function(){
if (myCheckbox.checked == true) {
myCheckbox.checked = false;
virtualCheckbox.style.backgroundImage='url(images/checkoff.png)';
}
else if (myCheckbox.checked == false) {
myCheckbox.checked = true;
virtualCheckbox.style.backgroundImage='url(images/checked.png)';
}
}
;

myCheckbox.onclick = function(){
if (myCheckbox.checked == true) {
virtualCheckbox.style.backgroundImage='url(images/checked.png)';
}
else if (myCheckbox.checked == false) {
virtualCheckbox.style.backgroundImage='url(images/checkoff.png)';
}
}
;

P.S.В javascript я новичёк.
ссылка на мой плагин с чекбоксом находится здесь:
http://yamaradg.narod2.ru/history/moi_plagini/index.html
Заранее благодарен за любую помощь...



Спустя 3 часа, 9 минут, 15 секунд (23.02.2012 - 21:27) ApuktaChehov написал(а):
Mike_Kharkov - ff имеет свойство сохранять значения форм при обновлении страницы и тут уже ничего не поделаешь. В IE такого не замечал.

Спустя 15 минут, 54 секунды (23.02.2012 - 21:43) bodja написал(а):
Цитата
Какое событие необходимо прописать для того что бы чекбоксы и картинка в диве соответствовали друг другу при любых ситуациях...


window.onload=function() {
myCheckbox.checked = false;
virtualCheckbox.style.backgroundImage='url(images/checkoff.png)'
}

Спустя 2 часа, 54 минуты, 38 секунд (24.02.2012 - 00:37) Mike_Kharkov написал(а):
Цитата (bodja @ 23.02.2012 - 18:43)
Цитата
Какое событие необходимо прописать для того что бы чекбоксы и картинка в диве соответствовали друг другу при любых ситуациях...


window.onload=function() {
myCheckbox.checked = false;
virtualCheckbox.style.backgroundImage='url(images/checkoff.png)'
}

Большое Спасибо!
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темы Закрытая темаСоздание новой темыСоздание опроса