Архив рубрики "Javascript"

Ноя 5

jQuery — магия в вашем браузере

Рубрики: jQuery, Новости Метки: , ,

Относительно недавно узнал о существовании фреймворка для Javascript (проще говоря JavaScript-библиотеки), и теперь применяю ее в некоторых моих проектах.

jQuery, как мне показалось обладает очень понятным, простым и в то же время мощным функционалом для разработки настоящих веб-приложений подобных GMail, Google Reader и т.п., практически ничем не уступающих десктопным оконным программам.

Как я заметил, эту библиотеку используют многие известные сайты. И тут нечему удивляться, потому что библиотека jQuery:

  • Кроссбраузерная
  • Наделена функциями обращения к серверу без перезагрузки текущей страницы
  • Имеет всего один js файл маленького размера
  • Имеет встроенные функции для создания визуальных эффектов
  • Расширяема засчет поддержки плагинов

Начать изучение фреймворка jQuery можно с мануалов, которые доступны на официальном сайте

http://docs.jquery.com/Main_Page

Здесь довольно подробно все описано, но если с английским не лады, можно почитать следующие замечательные статьи на русском языке о jQuery Читать далее »

Окт 4

Подтверждение при удалении

Рубрики: Javascript Метки:

Когда пишешь интерфейс для управления чем либо (пользователями, записями, почтой, списком сайтов), и когда доходит дело до чего-либо необратимого, например удаления записей из таблицы базы данных – всегда нужно спрашивать подтверждения у пользователя.

Самый простой способ – это поставить javascript код на ссылку, который выводит стандартное окно подтверждения.

Пример:

Удалить

Код:

<a href="url" onclick="return confirm('Удалить? Уверен?')"><font color="red">Удалить</font></a>

Сейчас подавляющее число сайтов не может работать на 100% без отключенного в браузере яваскрипта. Но бывают и такие, у которых он по какой либо причине отключен (их очень мало, но бывают), и браузер, не спрашивая пользователя перейдет по ссылке, т.е. запись будет удалена.
Читать далее »

Сен 26

Контрол выбора даты

Рубрики: Javascript Метки: ,

Этот дейтпикер устарел, новый смотрите тут: http://www.samborsky.com/javascript/jquery/233/

Многие знают что из себя представляет контрол для выбора даты (он же DatePicker), кто не в курсе — это Javascript-код который выводит календарь, в котором можно выбрать дату. В общем чтобы ленивые юзеры не писали ее руками.

Дейтпикеров множество, по запросу «datepicker javascript» гугл выдает 350к страниц. Есть бесплатные, платные, хорошие и убогие. Просмотрев десяток понял что простого, бесплатного и не тяжеловесного не существует, потому придется написать самому делать мне больше нечего, или переписать чужой под свои нужды.

Взял я за основу простенький дейтпикер от www.nsftools.com

Было => Стало

datepicker

Что изменил:

  • Дописал перелистывание календаря на год назад и вперед
  • Создал отдельные css и js файлы (кому охота в хеад кучу кода подключать)
  • Сделал более-менее приличный дизайн
  • Сделал перевод на русский язык названий дней недели + месяцев

Читать далее »