jQuery. Урок 2
Мне тут справедливо заметили, что это не совсем уроки. Я не буду спорить, это не совсем уроки, а я - несовсем учитель
Итак, тема урока - переключатель Довольно часто приходится именно тумблером щёлкать туда-сюда. Два положения, один тумблер.
Проще - некуда
Код:
<script>
$(document).ready(function() {
$("#press").toggle(function() { $("body").background("black");},
function() { $("body").background("#FEF4E2");})});
</script>
И сам html:
<div id="press"> PRESS ME </div>
Дальше - просто жмём и смотрим, что происходит:
Пример
конец примера
Неправда ли, просто? Выбираем объект, на который реагировать, затем задаём два положения триггера - чёрный цвет, и базовый (не знаю, как он правильно называется). Вопросы? У матросов вопросов быть не должно!
UPDATE в связи с указанием интересного глюка, прошу уважаемых проверить работу скрипта с другим дизайном. Дело в том, что дизайн оуча (текущий) не подлежит даже самой поверхностной валидации, вероятно проблема может быть в его некорректности (незакрытых тегах, неописанных стилях и так далее). Попробуйте на копии своих сайтов, своих дизайнов. Я проверил на том, что было под рукой - пустой штмль страничке - проблем нет ни в опере, ни в ФФ, ни в ИЕ
Работающий пример
У меня в Опере9 интересный глюк. Не все body окрашивается по клику, когда скролл страницы находится не верхнем положении. Жаль, что скриншот не могу выслать.
Comment by 4matic — November 10, 2006 @ 3:46 pm
4matic
Аналогично )))
Comment by wert2all — November 10, 2006 @ 4:16 pm
Сейчас глянем )
Comment by Влад — November 10, 2006 @ 4:24 pm
Глянул (Опера 9.02) - глюк присутствует. Но, если сделать скролл-вверх или вниз - то больше оно не повторяется.
На всякий случай я апгрейднул библиотеку jquery.js у себя на сайте, поэтому удалите из кеша, перезагрузите и попробуйте ещё раз.
Я попробовал ышо раз - в опере больше такого не повторялось. Стало немного по-другому ) надо написать разработчикам.
Спасибо, что указали на глюк
Comment by Влад — November 10, 2006 @ 4:29 pm
Не знаю, почему у тебя не повторяется, у меня 9,02 - все даже очень повторяется.;))))
Comment by 4matic — November 10, 2006 @ 4:35 pm
Повторяется, но не всегда одинаково, и не всегда повторяется.
Comment by Влад — November 10, 2006 @ 4:40 pm