Архів категорії “JavaScript”

Як згенерувати MD5-хеш з JavaScript?

26 січня, 2011 | Автор: admin

На відміну від PHP, JavaScript не має вбудованої функції, яка б створювала MD5-хеш.

MD5 (англ. Message-Digest Algorithm 5) — це незворотний алгоритм шифрування (128-бітний алгоритм хешування), розроблений професором Рональдом Л. Рівестом в 1991 році.

Щоправда, для JavaScript є готові реалізації від сторонніх розробників:

Спочатку вам необхідно завантажити відповідні файли для хешування. Пол Джонстон (перший зі списку) також реалізував функції для алгоритмів MD4 і SHA1. Тому ви можете використовувати в своїх JavaScript сценаріях md4.js, md5.js або sha1.js. Підключимо для прикладу md5.js:

<script type="text/javascript" src="md5.js"></script>

А тоді залишається передати функції потрібний рядок і отримати MD5-хеш:

var str = 'Блоґ Виспянського Ігоря';
var hash = calcMD5(str);

// результат: 24c7f46c2ac73e01f6f3320f0d80a629

Popularity: 5%

Локалізація JavaScript-сценаріїв

14 листопада, 2010 | Автор: admin

Задача не нова. Тому для швидкої локалізації вашого JavaScript-сценарію доцільно використати або хоча б «взяти на озброєння» вже існуючі напрацювання. В цьому пості, як варіант, хочу вам продемонструвати ідею та реалізацію, які запропонував Kalle Saas — автор блоґу kallesaas.com.

Для початку слід підключити необхідні js-файли:

<script src="localization.uk.js" type="text/javascript"
    charset="utf-8"></script>

<script src="translate.js" type="text/javascript"
    charset="utf-8"></script>

Тепер в залежності від поточної локалізації, ми отримуватимемо рядок на потрібній нам мові наступним чином:

    var hello = translate(LOCALIZATION.WELCOME, "Ігор");
    // змінна hello = "Привіт Ігор, як ви?"

Читати далі »

Popularity: 7%

RequireJS: завантаження JavaScript-коду «нальоту»

24 жовтня, 2010 | Автор: admin

Якщо у вас є необхідність підключити скрипт(и) динамічно на веб-сторінці, то можливо бібліотека RequireJS припаде вам до душі. RequireJS дозволяє здійснювати асинхронне завантаження JavaScript-файлів «на вимогу». Важливо також те, що її легко використати в уже існуючому проекті без необхідності переписувати файли. Трохи поясню про що йде мова.

Сучасні веб-сайти, а точніше їх клієнтська частина, написана на JavaScript, вимагають великої кількості коду. Як правило, незручно тримати це все в одному файлі. Куди зручніше під’єднувати необхідний функціонал вже по ходу. Ну, скажімо, ваш сайт дозволяє розв’язувати математичні задачі. На сторінці «Корисні скрипти» у вас можна розв’язувати рівняння, будувати графіки, рахувати площі фігур і т.д. Але з цього різноманіття користувачу може знадобитьсь лише вирішення певних задач чи взагалі одна. Питання: навіщо йому чекати завантаження всіх інших JavaScript-файлів, а вам навантажувати свій сервер зайвим трафіком? Немає необхідності. Тут в нагоді може стати бібліотека RequireJS, яка завантажує файли «нальоту».

Читати далі »

Popularity: 10%

Dragdealer JS: прокрутка та перетягування

25 липня, 2010 | Автор: admin

Dragdealer JS: прокрутка та перетягування Dragdealer JS — модуль на базі JavaScript, який дозволяє створювати власні інтерфейси прокрутки з можливістю перетягування на сторінці. Написаний на чистому JavaScript, тому для його роботи не потрібно підключати сторонні бібліотеки (jQuery, MooTools і т.д.). Використання Dragdealer JS полегшує розробнику життя, адже йому не потрібно перейматися тим, чи буде відвідувач сайту перетягувати елементи сайту пальцем (сенсорний екран, наприклад, на iPhone) чи мишкою (звичайний комп’ютер). При цьому модуль  має доволі скромну вагу — 12 Кб.

Читати далі »

Popularity: 10%

dhtmlxScheduler — календар подій на JavaScript

16 травня, 2010 | Автор: admin

dhtmlxScheduler — це он-лайн календар подій / планувальник з приємним інтерфейсом та підтримкою AJAX, що дозволяє додавати, видаляти і редагувати події без перезавантаження всієї сторінки. Календар підтримує компанія DHTMLX — розробник програмного забезпечення з Санкт-Петербурга.

В dhtmlxScheduler реалізована можливість перетягувати (drag-and-drop) події. Тому виставлення початку і тривалості подій є інтуїтивно-зрозумілим заняттям, яке нагадує роботу з Google Calendar.

Читати далі »

Popularity: 16%

Meteora Javascript Widgets

2 листопада, 2008 | Автор: admin

Meteora Javascript Widgets Logo

Meteora – це набір кросбраузерних (cross-browser) Javascript віджетів (widgets), що дозволяє розробникам створювати «багаті» мережеві додатки (applications).

Meteora – це Open Source проект, створений Astrata Software, заснований на фреймворку MooTools (версія 1.11) і випущений під ліцензією MIT License. Розробники проекту стверджують, що будь-який скрипт, що працює на MooTools, працюватиме і з Meteora.

Читати далі »

Popularity: 23%

MooTools — компактний JavaScript-фреймворк. Короткий вступ

28 червня, 2008 | Автор: admin

В цій статті я коротко постараюсь розповісти про MooTools, опанувавши який, можна значно прискорити процес написання скриптів і, як наслідок, скоротити час реалізації Web-проектів. Для подальшого, більш глибокого, вивчення цього фреймворку внизу статті ви зможете знайти невеличку збірку Web-ресурсів по темі.

Я почав вивчення MooTools з метою створення сучасних та якісних анімаційні ефектів на сторінках своїх сайтів. Моє знайомство з MooTools сталося зовсім недавно, тому мене можна сміло вважати початківцем. І, як наслідок, не варто наразі чекати від мене фахових відповідей на складні питаннях, які вас турбують.

Читати далі »

Popularity: 48%