Очень приличный урок с демкой на тему "как сделать загрузку файлов в html5 с панелью прогресса и минимум работы на jQuery": http://tutorialzine.com/2011/09/html5-file-upload-jquery-php/
Используется объект FileReader, так что старые браузеры в пролете. Но кого это волнует? :)
Read more
В спецификации HTML5 есть интересная штука — контекстное меню. Эта спецификация позволяет разработчикам создавать контекстное меню для любого блока, не прибегая к помощи различных костылей плагинов. Самое интересное, что мы не подменяем меню браузера, а дополняем его.
Вот, пример.
Continue Reading
Некоторым сайтам не хватает одного окна, и они открывают новые. Все ненавидят эти всплывающие окна, но иногда без них никак. Однако, проблема в том, что во всех современных браузерах встроен, так называемый, Popup Blocker — механизм блокировки всплывающих окон. Он включен по умолчанию. И это приводит к тому, что окно, которое мы хотим открыть, не открывается. Конечно, браузер сигнализирует об этом, но кого это волнует? Да и не всегда его сигнализация очевидна пользователям. Особенно начинающим.
Continue Reading
Чтоб не выдумывать каждый раз, небольшая памятка:
var reg = new RegExp(".*"+name+"=([^&#]*)");
console.log(reg.exec(url))
Где name — название параметра.
Достоинства:
Недостатки:
Полностью пересмотрена архитектура библиотеки.
По идее, 1.3 не совместим с 1.2. Из-за того, что они убрали $-функции ($defined, $A и др.). Но можно сделать билд с дополнительными 9кб, которые добавляют совместимость с 1.2.
Мне пришлось добавить :).
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]");
Не сказать, что я прям любитель сокращать код и делать его менее читабельным, но дзэн-нотация мне определённо нравится.
Столкнулся с тем, что нужно написать проверку значений введённых данных на стороне клиента, используя Mootools. Библиотека Mootools в последнее время сильно разрослась, и из маленькой уютной библиотеки постепенно становится монстром типа jquery.
Короче, говоря. Начал я изучать вопрос про Form.Validator и как оказалось про механизм локализации Mootools.Lang, так как они тесно связаны. Результат вылился в простой опус.
Возникает проблема с поиском информации по этому вопросу. Какой-то каламбуристый каламбур получается. И не ясно что искать в поисковике. Что такое многострочные строки? Это такие переменные типа 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<=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.
Очень просто, правда, как оказалось, javascript ни при чем:
<form method="post" autocomplete="off">
Работает, начиная с Mozilla 0.9.4 и 5-го Internet Explorer’а. Это нестандартное свойство, впервые введенное Майкрософт в IE5.
Ссылки по теме: