Установка jQuery плагина - jDigiClock - Digital Clock

jDigiClock — интересный плагин, выполненный на jQuery. Вдохновением для данного плагина стал виджет Hero Clock на HTC. Плагин может показывать цифровое время и погоду, достаточно удобно настраивается и его легко устанавливать.

УСТАНОВКА

Чтобы запустить плагин jDigiClock, нужно подключить библиотеку jQuery, файл скрипта jDigiClock и файл стилей jDigiClock в тэге <head> вашего HTML документа:

и добавить следующий код:

<script type="text/javascript">
	$(document).ready(function() {
		$('#digiclock').jdigiclock({
		// Настройка
		});
	});
</script>

jDigiClock требует очень простой HTML разметки в вашем документе:

<div id="digiclock"></div>

НАСТРОЙКА

В jDigiClock есть список опций, управляющих внешним видом и поведением плагина:

Свойство	Тип	По умолчанию	Описание
clockImagesPath	string	"images/clock/"	Путь до изображений часов.
weatherImagesPath	string	"images/weather/"	Путь до изображений погоды.
am_pm	boolean	false	Включение AM/PM опции.
weatherLocationCode	string	"EUR\|BG\|BU002\|BOURGAS"	Код локации погоды (смотрите: WeatherLocationDatabase.txt).
weatherMetric	string	"C"	Измерение градусов: C или F.
weatherUpdate	integer	0	Обновление погоды в минутах.
proxyType	string	"php"	Тип прокси: php или asp.

СОВМЕСТИМОСТЬ

jDigiClock протестирован в следующих браузерах:

Internet Explorer 7 (PC)
FireFox 3.5 (PC/Linux)
Google Chrome 3.0 (PC)
Safari 4.0 (PC)

Просмотров: 17666 Дата: 08.03.2011 23:20:18

Понравился урок? Добавьте его к себе в закладки.

Последние уроки категории:

Установка jQuery плагина - jDigiClock - Digital Clock

Русско-английский переводчик используя Google Ajax API

Google предоставляет разработчикам массу возможностей для работы со своими сервисами. Как вы наверное поняли из названия поста, я буду использовать Google AJAX API. Что же это такое и для чего это нужно можно прочитать здесь и здесь. Для работы нам понадобятся: php и jQuery.

makc 18.03.2011 01:07:47

че то ничего не выходит ! :( Гугл хром ниче не показывает ! експлорер говорит так : -Объект не поддерживает это свойство или метод $('#digiclock').jdigiclock({ - строчка кода который нужно добавить ! - 'jQuery' - определение отсутствует в строчке (function($) { $.fn.extend({ файлика jquery.jdigiclock.js Или этого не должно быть ??? впринципе ??
Ответить
- Саша 18.03.2011 13:16:56
  
  А та пробовал подключать jQuery?:)
  Ответить
Яка 19.03.2011 15:30:25

Поставил себе идеально ве работаетю Спасибо автору...
Ответить
Артем 14.04.2011 13:53:44

Евгений,не нашел ваши контакты в разделе "Контакты", поэтому пишу сюда Я подписался на обновление с сайта по RSS, но ссылки с рсс-ленты битые (например, http://www.masterinweb.net/lessons/php/proverka_e-mail_adresa_s_pomoschyu_php?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+masterinweb+%28%D0%9A%D0%B0%D0%BD%D0%B0%D0%BB+%D0%BD%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%B5%D0%B9+%D1%81%D0%B0%D0%B9%D1%82%D0%B0+MasterInWeb.Net%29) Для того что бы прочитать новость мне приходиться удалять все что идет после "?" Просьба исправить ошибку, уж очень не удобно. Укажите ваш контактный e-mail в разделе "контакты" как с Вами можно связаться
Ответить
- admin 14.04.2011 14:03:58
  
  Со мной можно связаться написав на email: info@masterinweb.net Сейчас идут изменения в структуре сайта из-за этого могут возникать маленьки неполадки...В ближайшее время все неполадки и баги будут исправленны...Администрация сайта приносит свои извенения за временные неудобства...
  Ответить
Andrew 23.09.2011 17:33:34

Работает, но картинок не хватает!(
Ответить
- Иван 02.11.2011 21:39:04
  
  Да, хорошо было бы с картинками
  Ответить
- arhimod 26.11.2011 08:23:57
  
  прет народ.я новичок в етом деле и вроде зделол как там пишет но как добавить в Експлорер????????
  Ответить
arhimod 26.11.2011 09:03:55

прет народ.я новичок в етом деле и вроде зделол как там пишет но как добавить в Експлорер????????
Ответить
Я хочу сказать...

Осталось: 1000 символов.

Сколько будет два плюс три?