Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   checkbox плагин(на чистом Javascript) (https://javascript.ru/forum/misc/26044-checkbox-plagin-na-chistom-javascript.html)

Mike_Kharkov 23.02.2012 17:04

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
Заранее благодарен за любую помощь...

nerv_ 23.02.2012 21:33

Если не ошибаюсь, проблема в другом месте.

Mike_Kharkov 23.02.2012 21:38

Тоесть?
(что именно вы имели ввиду...)

nerv_ 24.02.2012 09:45

То, что проблема на другом участке кода, а не на том, который Вы привели. Выкладывайте сюда рабочий пример.

Mike_Kharkov 24.02.2012 19:30

Цитата:

Сообщение от nerv_ (Сообщение 159594)
То, что проблема на другом участке кода, а не на том, который Вы привели. Выкладывайте сюда рабочий пример.

Вообщем мою проблему удалось решить путём добавления к вышеизложенному коду следующего:
window.onload=function() {
myCheckbox.checked = true;
}

P.S. не знаю - насколько это решение удобно - но по крайней мере функционирует...


Часовой пояс GMT +3, время: 06:10.