Ух, давно не писал постов не в тему. =)

За прошедший период:

1. написал простенький набор скриптов, который может быть полезен системным администраторам;
2. добавил блог в блогбустер. (посмотрю на эффект от него);
3. почти написал генератор магазинов по заказу;
4. получил домен jquery.ru;
5. появилось куча клиентов как по обслуживанию компьютеров, так и по веб-сайтам;

По пункту 1 расскажу немного подробнее: Это я сделал для того, чтобы можно было быстро составить список из сайтов, получить его в виде текстового файла и подключить к конфигурации squid.
Идея создать такой сервис пришла мне, когда я разбивал по группам более 50 компьютеров и прописывал каждой группе свои разрешенные и запрещенные сайты.
Пока идет накопление “ссылочной базы”. По мере роста базы буду расширять сервис. Что планирую сделать, можно прочитать на главной страничке сервиса. Ваши предложения и дополнения, а также отрицательные эмоции (если они будут ) готов выслушать в камментах к этому топику.

Популярность: 16%

Спонсор поста: Оплатить итальянское наращивание волос в салоне.

Источник: JQuery, the very very basics - Lesson 2

Этот пост является продолжением серии “jQuery - это очень просто”. Первую часть можете прочитать по этому адресу: jQuery - это очень просто. Часть 1.

Было бы хорошо использовать комбинацию селекторов jQuery, чтобы получать массив элементов. Будет хорошо, если мы будем знать, как исследовать их один за другим и производить над ними операции.

size() and each(iterator)

Чтобы определить размер того, что мы только что выбрали, должны использовать команду size().

Например, чтобы получить все id элементов <p>, которые мы выбрали, надо использовать цикл for…loop и команду size():

for(var i=0;i< $('p').size(); i++)  alert('мой id'+$('p')[i].id);

Чтобы убрать лишнее, мы можем использовать команду each(). Доступ к элементу можно получить, используя кейворд “this”. Перепишем код вот так:

$("p").each( function() {
 alert('мой id'+this.id);
})

Берем и задаем значения атрибутов

addClass задает всем элементам, имеющих один CSS класс или несколько CSS классов.
removeClass наоборот убирает у элементов один или более CSS классов по заданному парамерту:

$('p.notes').addClass('notes', 'highlight');
$('p.notes').removeClass('highlight');

Мы можем не только задавать и снимать, но также и переключать. Команда toggleClass позволяет нам добавлять заданный CSS класс, если его нет, и удалять, если он есть.

$('p.notes').toggleClass('highlight');

css(имя, значение)

Что делать, если мы хотим изменить CSS стиль элемента без использования любых имен класса? Команда CSS позволяет сделать так:

$('p.note').css('background-color', 'yellow');

Здесь мы задаем параграфу с классом note желтый цвет фона.

Есть еще элементы width() и height(), которые позволяют нам напрямую изменять размеры элемента. Например:

$('p.note').width(500).height(100);

поменяет ширину и высоту всех элементов, которые имеют одинаковый класс note.

Популярность: 90%

Источник: JQuery, the very very basics - Lesson 1

jQuery - это звезда среди остальных библиотек. Её достоинства - это: легкость, кросс-браузерность и простота. Задача, которая потребовала бы 10 строк кода на javascript, решается одной строкой на jQuery. Например, Вы хотите раскрасить табличку с id=”mytable”, чтобы каждый ряд имел свой цвет.

$function() {
 $("table#mytable tr:nth-child(even)".addclass("even");
$("div.test").add("p.quote").html("мааааленький тест").fadeout();
});

Волшебный знак $ и цепочки операторов

В jQuery наиболее важный символ - это символ $. Функция $() возвращает объекты, следующие в цепочке операторов. Например:

$("div.test").add("p.quote").html("a little test").fadeOut();

Эта цепочка делает следующее:
1) Выбирает див с классом test
2) Вставляет параграф с именем класса quote
3) Добавляет текст в параграф
4) Оперирует дивом, используя fadeOut

Селекторы

CSS селекторы
Мы формируем оформление страниц с помощью CSS. CSS работает с элементами в DOM в следующем порядке: body, table, p, input или с помощью ID элемента (пока ID уникальный) или именами классов.

jQuery использует такие же методы, чтобы найти один элемент или группу. Например:
$(“p.note”) вернет все элементы, у которых имя класса = note $(“p#note”) вернет элемент

чей id = note
$(“p”) вернет все p элементы

Дочерние селекторы
Чтобы выбрать дочерний селектор, нам надо использовать “>”. Например, $(“p > a”) вернет все ссылки в p элементе.

Чтобы выбрать элемент или элементы с заданным атрибутом, надо использовать []. Например, input[type=text] вернет все элементы ввода, которые имеют тип text.

Чтобы выбрать контейнер с другими элементами, мы должны использовать has. Например, $(“p:has(a)”) вернет

<p>

.

Позиционные селекторы
jQuery позволяет Вам выбрать элементы в зависимости от их порядка.
$(“p:first”) вернет первый элемент.
Существующие позиции:
first, last, first-child, only-child, nth-child(n), nth-child(even), nth-child(odd)

Собственные селекторы
Эти селекторы позволяют делать всё, что нам нужно.
animated, button, checkbox, checked, disabled, enabled, header, hidden, image, input, not(filter), parent, password, radio, reset, selected, submit, text, visible

Популярность: 96%

Да да. Блог не умер, а просто решил немного отдохнуть. Всем, даже большим человекоподобным роботам, надо немного отдыхать. И после отдыха взяться с новыми силами для достижения бОльших высот.

Складывается впечатление, что чем меньше я пишу, тем блогу лучше 8-o. Позиции в яндекс-счетчике улучшились, читатели увеличились. Спама даже прибавилось =)

В то время, когда ничего не публиковал, я занимался другими интересными вещами. Выполнил один пункт плана на 2008 год, узнал незапланированное, сделал невыполнимое и т.д. и т.п.

В общем время потрачено не зря. =)

Популярность: 10%