0

Контексное меню в HTML5

В спецификации HTML5 есть интересная штука — контекстное меню. Эта спецификация позволяет разработчикам создавать контекстное меню для любого блока, не прибегая к помощи различных костылей плагинов. Самое интересное, что мы не подменяем меню браузера, а дополняем его.

Вот, пример.
Continue Reading

0

Как проверить, работает ли Popup Blocker в браузере?

Некоторым сайтам не хватает одного окна, и они открывают новые. Все ненавидят эти всплывающие окна, но иногда без них никак. Однако, проблема в том, что во всех современных браузерах встроен, так называемый, Popup Blocker — механизм блокировки всплывающих окон. Он включен по умолчанию. И это приводит к тому, что окно, которое мы хотим открыть, не открывается. Конечно, браузер сигнализирует об этом, но кого это волнует? Да и не всегда его сигнализация очевидна пользователям. Особенно начинающим.
Continue Reading

0

Вышел mootools 1.3

Полностью пересмотрена архитектура библиотеки.

По идее, 1.3 не совместим с 1.2. Из-за того, что они убрали $-функции ($defined, $A и др.). Но можно сделать билд с дополнительными 9кб, которые добавляют совместимость с 1.2.

Мне пришлось добавить :).

Continue Reading

0

Дзэн селекторы в mootools.

Valerio Proietti@Mootools анонсировал новый css selector, который будет в ближайшем релизе библиотеки за номером 1.3 — Slick. Кроме всего прочего, он умеет создавать элементы в стиле Дзэн.
Если сейчас так:

new Element("input", {"id": "someID", "class": "someClass1 someClass2", "disabled": true});

То скоро можно будет вот так:

new Element("input#someID.someClass1.someClass2[disabled=true]");

Не сказать, что я прям любитель сокращать код и делать его менее читабельным, но дзэн-нотация мне определённо нравится.

0

Mootools валидация формы на стороне клиента

Столкнулся с тем, что нужно написать проверку значений введённых данных на стороне клиента, используя Mootools. Библиотека Mootools в последнее время сильно разрослась, и из маленькой уютной библиотеки постепенно становится монстром типа jquery.

Короче, говоря. Начал я изучать вопрос про Form.Validator и как оказалось про механизм локализации Mootools.Lang, так как они тесно связаны. Результат вылился в простой опус.

Continue Reading

5

Многострочные строки в JavaScript

Возникает проблема с поиском информации по этому вопросу. Какой-то каламбуристый каламбур получается. И не ясно что искать в поисковике. Что такое многострочные строки? Это такие переменные типа string в JavaScript, которые разнесены на несколько строк. Как в php, например:

echo <<<END
здесь строка
на несколько строк
END;

или в C#:

string myStr = @"This is a C#
multiline string";

Иногда возникает необходимость изобразить нечно подобное в JS. Зачем это нужно, решайте сами. Но, на мой взгляд, это очень нужная фишка. И иногда без нее просто никак нельзя. Вот как это делается в JavaScript:

var factorial = new Function('n', '\
var result = 1;            \
for (var i=1; i&lt;=n; i++)   \
result *= i;             \
return result;             \');
alert(factorial(5)); // alerts 120

Это работает во всех браузерах. Единственное, нужно помнить, что такая запись не добавляет символ новой строки ‘\n’, в отличие от C#. То есть:

alert('foobar' == 'foo bar'); // false
alert('foobar' == 'foobar');  // true
alert('foobar' == 'foo\
bar');                        // true!

Если нужен символ новой строки, то подходит вот такая запись:

var myStr = 'line one\n\
line two';

Источник: Multiline strings in JavaScript.

6

Как выключить автозаполнение формы в Firefox с помощью Javascript?

Очень просто, правда, как оказалось, javascript ни при чем:

<form method="post" autocomplete="off">

Работает, начиная с Mozilla 0.9.4 и 5-го Internet Explorer’а. Это нестандартное свойство, впервые введенное Майкрософт в IE5.

Ссылки по теме: