Напоминалка

Лучшая работа оператора та, которую незаметно.

Поиск по сайту

Поисковый запрос должен быть не менее 4-х символов.


JQuery Datapicker - календарь событий (jquery, ajax)

Автор: rex751

Дата: 2013-05-24

Посмотреть пример

Архив с файлами скачать здесь

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

Единственное место которое мне не нравится в этом коде, это оключение асинхронного запроса в ajax: async:false . Если это убрать, тогда переменная undisabledDays, будет неопределена и функция отключения дней - отключит все дни. Это происходит из-за того что эта функция (disableAllTheseDays) отработает раньше чем приходят данные с сервера. Пока я не нашел как этого избежать, так что если кто знает, буду рад если подскажете.

Для начала подключаем JQuery Datapicker:




В нужном нам месте вставляем datepicker (например используя тэг div) и затем настраиваем его:



Обработчик на сервере( выборка из таблицы архива новостей - даты имеющихся новостей за месяц):

if (isset($_GET['year'])) {$year =$_GET['year']; 
if ($year == '') { unset($year);}}
if (isset($_GET['month'])) {$month =$_GET['month']; 
if ($month == '') { unset($month);}}
$conn = @mysql_connect("localhost", "user", "password");
if (!$conn)
  die("Error connecting to MySQL: " . mysql_error());

if (!mysql_select_db("BD_NAME", $conn))
  die("Error selecting Head First database: " . mysql_error());
//выбор поля dates по необходимому месяцу соответсвующего года
$select = 'SELECT dates';
$from   = '  FROM arhiv';
$where  = '  WHERE YEAR(dates)='.$year.' AND MONTH(dates)='.$month;
$data = array();
$i=0;
$queryResult = @mysql_query($select . $from . $where);
while($row=mysql_fetch_array($queryResult))
	{  
		$data[$i]=$row['dates'];
		$i++;
	}
// преобрзование массива в данные json
$resalt = json_encode($data);
echo $resalt;

mysql_close($conn);

Здесь расположен простой календарь событий на чистом javascript, ajax, php

Просмотров: 7185

Вход

Регистрация

Забыли пароль?

Погода

У нас есть изюминка
изюминка

статистика

©2009-2017 TOEFilm.ru Творческое объеденение "Эпсилон-MIX". Все права защищены.

©2009-2010 TOEFilm.ru Творческое объеденение "Эпсилон-Фильм". Все права защищены.