Показать сообщение отдельно
  #1 (permalink)  
Старый 23.02.2012, 17:04
Аватар для Mike_Kharkov
Кандидат Javascript-наук
Отправить личное сообщение для Mike_Kharkov Посмотреть профиль Найти все сообщения от Mike_Kharkov
 
Регистрация: 04.01.2012
Сообщений: 143

checkbox плагин(на чистом Javascript)
Здравствуйте. Недавно решил написать плагин по кастомизации чекбоксов и столкнулся с трудностью того, что при перезагрузке страницы(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/mo...ini/index.html
Заранее благодарен за любую помощь...
Ответить с цитированием