670
 
Главная » AJAX » AJAX календарь на Mootools в стиле Висты

AJAX календарь на Mootools в стиле Висты

13 июня 2008 AJAX, MooTools, Плагины 13

Vista-like AJAX Calendar v2 – это простой в использовании и “ненавязчивый” календарь/виджет для выбора дат, написанный на Mootools с использованием AJAX и PHP.

Vista-like AJAX Calendar

Достоинства плагина:

  • Дизайн в стиле Vista.
  • Быстрая навигация между месяцами, годами, десятилетиями без использования выпадающих списков.
  • Эффекты плавной анимации.
  • Легок в настройке.
  • Возможность выбора дат.
  • Как календарь, так и виджет для выбора дат можно создавать много раз.
  • Совместим с версиями Mootools 1.11 и 1.2
  • Небольшой размер (в сжатом виде 8,50kB)

Данный плагин протестирован в IE6/7, Firefox 2 и Opera 9.

скачатьсмотреть демо

Добавить в закладки:
Maklay.com - Большой каталог товаров для спорта и активного отдыха

Комментарии на “AJAX календарь на Mootools в стиле Висты”

  1. clankorn 14 июня 2008 в 22:46

    неплохо, попозже воспользуюсь, спасибо щедрому Автору)))

  2. Maksim Horbachevsky 7 мая 2009 в 18:57

    Все хорошо, но использовать аякс для загрузки каждой странички календаря – паранойя. У JavaScript’a достаточно возможностей, чтобы высчитывать даты. Это позволило бы избавиться от множества зависаний во время анимации и в целом оптимизировать скрипт. Удобно сделан выбор месяцев, почему бы не сделать такой (схожий) выбор для года, ведь согласитесь, неудобно 20 раз кликать чтобы долистать до нужного года.

  3. V2D 9 мая 2009 в 16:25

    Maksim Horbachevsky

    А на циферку с годом нажимать не пробывали? Так же и с месяцами)

  4. Maksim Horbachevsky 11 мая 2009 в 14:31

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

  5. Артур 26 мая 2009 в 16:28

    Вот, вроде выпустили дополнение для календаря, которое позволяет обойтись без Ajax’a.
    http://dev.base86.com/solo/46/client-side_only_extension_for_vlacalendar_v21.html
    Но чего то не могу заставить его работать. Может автор сайта опишет подробно, как прикрутить данный скрипт. Спасибо.

  6. admin 26 мая 2009 в 18:22

    @Артур
    Ну инструкция там по сути простая. Насколько я понял, нужно скачать и подключить скрипты, а создание календаря выполнять как здесь описано: http://dev.base86.com/scripts/vista-like_ajax_calendar_version_2.html#usage. То есть вроде этого:
    window.addEvent(’domready’, function() {
    //Datepicker
    new vlaDatePicker(’textbox-id’);
    //Calendar
    new vlaCalendar(’block-element-id’);
    });
    Если не получается, посмотрите, все ли скрипты браузер подгужает, и выполняется ли функция в domready. Это все в фаербаге посмотреть можно.

  7. Артур 26 мая 2009 в 19:58

    Вот в этой инициализации, как я понял, textbox-id относится к полю input. А к чему на странице относится block-element-id?

  8. admin 26 мая 2009 в 21:02

    Это просто пример инициализации класса. Посмотрите пример в этом разделе:
    http://dev.base86.com/scripts/vista-like_ajax_calendar_version_2.html#examples (жмите show code возле примеров)
    В общем случае нужно просто класс создавать, и первым параметром передавать ID:
    new vlaDatePicker(’exampleI’);
    <input id=”exampleI” type=”text” style=”width: 80px;” maxlength=”10″ />

  9. Артур 26 мая 2009 в 21:45

    Да, это понятно. Я так и делаю. Окошко всплывает, но календарь почему то не подгружается. То есть не удается передать подгрузку календаря из php – файлов в этот новый скрипт. Ну да ладно, буду разбираться.

  10. XTasy 8 декабря 2009 в 13:31

    Добрый день. Нашел этот календарик. Начал пробовать заделать его под себя, чтобы при нажатии на дату делался запрос в БД по этой дате, ну и выдавались соответствующие данные. Вроде все получилось. Только проблема теперь в другом: календарь вообще не работает на хостинге. Я пробовал заливать на два разных. Эффекта ноль. Тестил разными браузерами – везде одно и то же. Пробовал заливать заводскую версию календаря, без моих изменений. Все равно не работает. А на локальном сервере – все отлично.
    Подскажите, если кто-то знает в чем может быть дело

  11. admin 8 декабря 2009 в 14:29

    @XTasy
    Проверьте в Firebug или любой другой утилите, подгружаются ли скрипты календаря при открытии страницы, не выкидывает ли один из них 404?

  12. XTasy 8 декабря 2009 в 15:48

    @admin
    Да вроде все нормально. Вот адрес dominant-st.ru/ajax2/examples.html
    Может, вы что-то увидите

  13. XTasy 9 декабря 2009 в 20:59

    все,разобрался)извините за беспокойство

Оставить комментарий

JSToolbox создан на основе WordPress