Показать сообщение отдельно
  #13 (permalink)  
Старый 14.07.2010, 18:22
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

Так интересней

<style type="text/css">
	.focus { color: #f00; }
</style>

<p><input id="ch1" type="checkbox" value="1" /> <label for="ch1">One</label></p>
<p><input id="ch2" type="checkbox" value="2" /> <label for="ch2">Two</label></p>
<p><input id="ch3" type="checkbox" value="3" /> <label for="ch3">Three</label></p>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
	if (/*@cc_on!@*/0) {
		document.attachEvent("onactivate", function () {
			if (event.srcElement.type == "checkbox") {
				$('label[for="' + event.srcElement.id + '"]').addClass("focus");
			}
		});
		document.attachEvent("ondeactivate", function () {
			if (event.srcElement.type == "checkbox") {
				$('label[for="' + event.srcElement.id + '"]').removeClass("focus");
			}
		});
	} else {
		document.addEventListener("focus", function (event) {
			if (event.target.type == "checkbox") {
				$('label[for="' + event.target.id + '"]').addClass("focus");
			}
		}, true);
		document.addEventListener("blur", function (event) {
			if (event.target.type == "checkbox") {
    			$('label[for="' + event.target.id + '"]').removeClass("focus");
    		}
		}, true);
	}
</script>



------------
В Chrome и Safari не работает при нажатии мышкой

Последний раз редактировалось Octane, 14.07.2010 в 18:40.
Ответить с цитированием