This version of the page http://ouch.kiev.ua/2006-11-10/1017.html (0.0.0.0) stored by archive.org.ua. It represents a snapshot of the page as of 2007-08-11. The original page over time could change.
» jQuery. Урок 2 Подробно

Подробно

November 10, 2006

jQuery. Урок 2

ajax, jQuery 

Мне тут справедливо заметили, что это не совсем уроки. Я не буду спорить, это не совсем уроки, а я - несовсем учитель

Итак, тема урока - переключатель Довольно часто приходится именно тумблером щёлкать туда-сюда. Два положения, один тумблер.

Проще - некуда

Код:

<script>
$(document).ready(function() {
$("#press").toggle(function() { $("body").background("black");},
function() { $("body").background("#FEF4E2");})});
</script>

И сам html:

<div id="press"> PRESS ME </div>

Дальше - просто жмём и смотрим, что происходит:

Пример

PRESS ME

конец примера

Неправда ли, просто? Выбираем объект, на который реагировать, затем задаём два положения триггера - чёрный цвет, и базовый (не знаю, как он правильно называется). Вопросы? У матросов вопросов быть не должно!

UPDATE в связи с указанием интересного глюка, прошу уважаемых проверить работу скрипта с другим дизайном. Дело в том, что дизайн оуча (текущий) не подлежит даже самой поверхностной валидации, вероятно проблема может быть в его некорректности (незакрытых тегах, неописанных стилях и так далее). Попробуйте на копии своих сайтов, своих дизайнов. Я проверил на том, что было под рукой - пустой штмль страничке - проблем нет ни в опере, ни в ФФ, ни в ИЕ

Работающий пример

6 Комментариев »

    Add to:         

 

Related articles

  • AJAX по-русски (July 19th, 2007)
  • Нам пишут… $.post в jquery. Урок 11, спонтанный (June 22nd, 2007)
  • jQuery JavaScript Library has a problem (March 23rd, 2007)
  • Гонка вооружений. Кто кого? Prototype ws jQuery (March 14th, 2007)
  • Mini Ajax (March 5th, 2007)
  1. У меня в Опере9 интересный глюк. Не все body окрашивается по клику, когда скролл страницы находится не верхнем положении. Жаль, что скриншот не могу выслать.

    Comment by 4matic — November 10, 2006 @ 3:46 pm

  2. 4matic
    Аналогично )))

    Comment by wert2all — November 10, 2006 @ 4:16 pm

  3. Сейчас глянем )

    Comment by Влад — November 10, 2006 @ 4:24 pm

  4. Глянул (Опера 9.02) - глюк присутствует. Но, если сделать скролл-вверх или вниз - то больше оно не повторяется.

    На всякий случай я апгрейднул библиотеку jquery.js у себя на сайте, поэтому удалите из кеша, перезагрузите и попробуйте ещё раз.

    Я попробовал ышо раз - в опере больше такого не повторялось. Стало немного по-другому ) надо написать разработчикам.

    Спасибо, что указали на глюк

    Comment by Влад — November 10, 2006 @ 4:29 pm

  5. Не знаю, почему у тебя не повторяется, у меня 9,02 - все даже очень повторяется.;))))

    Comment by 4matic — November 10, 2006 @ 4:35 pm

  6. Повторяется, но не всегда одинаково, и не всегда повторяется.

    Comment by Влад — November 10, 2006 @ 4:40 pm

RSS feed for comments on this post.

Оставить комментарий

Copyright © 2005-2007 Vladislav Sournine