developer blog – 451 degrees Fahrenheit

Developer Blog

Archives Posts

С новым годом!

December 31st, 2007 by pilot

От всей души поздравляю всех читателей, с новым годом! Будьте счастливы!

Filed under Uncategorized having 1 Comment »

Archives Posts

Покажи свой блог тысячам, конкурс от Маул’а

December 14th, 2007 by pilot

konkurses

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

Присоединяйтесь.

Filed under Uncategorized having 1 Comment »

Archives Posts

Доллар function, $() в prototype

December 10th, 2007 by pilot

В основном, это простая ссылка на document.getElementById(), но несколько более расширенная чем просто ссылка. Ниже показан пример использования:

[cc lang="php"]
node = $(‘elementID’);

// То же самое
node = document.getElementById(‘elementID’);

// Так же можно получать не только один елемент
// В этом случае результат будет массивом DOM елементов
nodes = $(‘firstDiv’, ’secondDiv’);
[/cc]

Prototype так же предлагает функцию, ее нет в ядре JavaScript, которая возвращается массив DOM елементов и как аргумент она принимает имя css класса (class name):
[cc lang="php"]
nodes = document.getElementByClassName(‘myclass’);
[/cc]

Однако, я думаю использовать ее вы будете редко, так как Prototype предлагает более расширенную функцию двойной доллар, $$(). Эта фунция возвращает массив DOM елементов основанных на CSS селекторе (css selector). Таким образом код показанный выше можно записать так:

[cc lang="php"]
nodes = $$(‘.myclass’);
[/cc]

Благодаря мощьности CSS селекторов (css selectors) вы можете парсить модель DOM по классам (class), ID, и родитель-наследник (parent-child) и предыдущий-следующий (previous-next) связям, гораздо проще чем при использовании XPath выражений. Вы можете получить доступ к элементу через сложную комбинацию селекторов:

[cc lang="php"]
nodes = $$(‘body div#main ul li.last img > span.legend’);
[/cc]

И последний пример улучшения синтаксиса предлагаемого Prototype — это each array iterator, подобно как в PHP:

[cc lang="php"]
var vegetables = ['Carrots', 'Lettuce', 'Garlic'];
vegetables.each(function(food) { alert(‘I love ‘ + food); });
[/cc]

Не забывайте подписывать на рассылку.

Дальше будет еще много интересного.

Archives Posts

Кросс платформенность

December 5th, 2007 by pilot

Ни для кого не секрет, что один из важных шагов в создании своего сайт это правильное отображение в разных броузерах на разных платформах. Возникает вопрос, где взять достоверную глобальную информаци по самым популярным платформам и броузерам, для того чтоб не тратить время на оптимизацию в малопопулярных броузераи и платформах.

Глобальную статистику можно получить на сайте W3 Counter.

www.w3counter.com_globalstats.php

Статистика на 1 декабря 2007:

Web brousers

1. Internet Explorer 6.0 ………………………. 42.79%

2. Firefox 2.0  ………………………………………. 20.82%

3. Internet Explorer …………………………….. 7.0 19.57%

4. Firefox 1.5 ……………………………………….. 5.92%

5. Safari 2.0 …………………………………………. 1.84%

6. Firefox 1.0 ……………………………………….. 1.03%

7. Opera 9.2 …………………………………………. 0.91%

Operating systems

1. Windows XP …………………………………….. 80.62%

2. Windows Vista …………………………………. 4.74%

3. Mac OS X …………………………………………. 4.56%

4. Windows 2000 …………………………………. 3.68%

5. Linux ………………………………………………… 1.77%

6. Windows 98 ………………………………………. 1.21%