А если мы хотим отображать данные выводимые в jqGrid в виде графика. Причем синхронно обновлять график вместе с данными в таблице. Например так.

Для построения графика я выбрал флешь библиотеку Open Flash Chart, которая себе прекрасно зарекомендовала. Если вам что то, придется не по душе в этой библиотеки, вы всегда сможете изменить . Так как Open Flash Chart – open source проект.

Еще нам понадобиться js библиотека – SWFobject. Ее задача поместить флешку в нужное нам место. В принципе мы смогли бы обойтись и без нее, но она позволяет решить: проблемы кросс-браузерности, наличие нужной версии флешь проигрывателя и  т.д.

Основная идея скрипта.

1. у jqGrid есть событие loadComplete – на него мы подвешиваем генерацию графика. То есть каждый раз когда грид обновляется, у нас будет обновятся график.
2. а данные для графика мы будем получать через пользовательский массив , с помощью функции getUserData()

Вот пример кода.

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

$(document).ready(function(){
	var chartCreate = false;
	var data_statistics_chart = '';

	$("#statistics-list").jqGrid({
		...некоторый ваш код...

		// функция вызывается в тот момент когда приходят данные в грид
		loadComplete: function() {
			// получаем пользовательские данные
			var udata = $("#statistics-list").getUserData();
			// вызываем функцию loadChartData с нашими данными udata.chart_data для флеши
			loadChartData(udata.chart_data);
		}
	}).navGrid('#statistics-pager', {refresh:true,add:false,edit:false,del:false,search:false});

	function loadChartData(data) {
		data_statistics_chart = data;
		// проверяем мы создали объект флешь
		if (chartCreate) { // если да, то
			// находим флешку
			chart = swfobject.getObjectById('statistics_chart');
			// загружаем в нее полученные данные
			chart.load(data);
		} else { // создаем флешку с помощью js библиотеки swfobject
			chartCreate = true;
			swfobject.embedSWF(
				// откуда берем саму флешку
				'/flash/open-flash-chart.swf',
				// куда ее помещаем
				'statistics_chart',
				// настройки флешки
				'734', '270', '9.0.0', 'expressInstall.swf',
				// данные откуда флешка будет брать
				// обратите внимания! флешка ждет на входе имя функции, 
				// поэтому сразу передать данные не получаетьса
				{'get-data': 'get_data_statistics_chart'},
				{'wmode':'opaque'}
			);
		}
	}

	// сама функция которая вернет нужные данные флешки
	function get_data_statistics_chart() {
		return data_statistics_chart;
	}
});
</script>

<div id='statistics_chart'></div>

<div class="grid">
	<table id="statistics-list" class="scroll"></table>
	<div id="statistics-pager" class="scroll"></div>
</div>

И так что он умеет:

1. Двигаться по странице (move)
2. Изменять размеры (resize)
3. Имеет возможность настроить максимальную ширину панели (max width)
4. Имеет два состояния: нормальное (normal) и компактное (compact)
5. Имеет возможность сортировать гаджеты внутри панельки (sort)
6. Просмотр в компактном режиме

Нормальный режим

Компактный режим

Смотрим:  рабочий пример гаджета

Технология:  jQuery + UI, CSS, HTML – все просто. Если кому-то нужно будет доработать гаджет или адаптировать к своим требованием, пишите – договоримся.

Глобальный подход

Есть официальная документация которая позволяет нам использовать предоставленный API интерфейс для работы с твиккером. Мне было лень разбираться с ним и я начал искать далее.

Готовые плагины для WordPress

• SimpleTwitter – плагин который позволяет добовлять ваши посты в твиттер, достаточно много настроек.
• The Twitter Updater – другой плагин который автоматически отправляет сообщения в twitter, при редактирование записи, обновлении ее или публикации, настраивайте плагин, как сами считаете нужным.
• Twitter Tools – позволяет как постить в твитер, так и в блог постить свои твитты.

Вот наверное самые интересные плагины. Только как-то они у меня не пошли, то ли я что-то не так настроил, то ли еще что-то, но результат один. Мои опубликованные посты не добавлялись в мой твиттер.

Сервисы для работы с твиттером

Пока из известных – TwitterFeed. Инструкция по применению очень проста.

Если есть OpenId – отлично. Если нет – заводим, (например: здесь myopenid, или здесь Yandex OpenID)

Логинемся в TwitterFeed под вашим OpenID

Создаем новый профиль

Заполняем форму

1. Вводим адрес вашего RSS
2. Устанавливаем частота обновления вашего твикера (по умолчанию: каждый час)
3. Сколько добавлять новых постов в твикер (по умолчанию: 1, максимальное количество 5)
4. Что выводит в твитер (по умолчанию: заголовок и описание)
5. Каким сервисом коротких ссылок мы будем пользоваться, а мы будем пользоваться так как длина сообщения для твикера ограничена 140 символами (если вы хотите без регистрации – то urlShot, если не поленитесь и зарегистрируетесь то – bit.ly. Помимо того что этот сервис сокращает ссылки, он ведет статистику кликов по ним.)
6. Публикация новых постов на основание их (по умолчанию: на дате).
7. Сообщение выводимое перед публикацией поста в твикер (по умолчанию: пусто). Не совсем нужная опция, у нас и так ограничено, так тратить дорогие знакосимволы на прикрепляемое сообщение – разорительно.
8. Если галочка стоить то идет публикация в ваш твикер. Если ее убрать то времено будет остановлен процесс публикации до тех пор пока вы ее снова не установите.
9. Думаю кнопочку «Create» вы сами найдете

Сервис работал «на ура», но под мои требования он не подошел, так-как максимальное количество публикуемых сообщений 5, а у меня может добовлятьса ежедневно более 10 новых плагинов.

Своими руками

Хочешь что-бы получилось как надо. сделай сам. Берем готовый PHP класс для работы с твикером. И на базе него пишем свой плагин для WordPress.

Не на какую универсальность он не претендует, задача его максимально проста. При публикование поста, он автоматически публикуется в вашем твикере. Я буду рад, если кто-то на основе его напишет полноценный плагин.

<?php
/*
Plugin Name: Twitter post
Plugin URI: http://www.youplugins.com/
Description: Updates Twitter when you create a new blog or publish one
Version: 1.00.0
Author: Denis Doroshenko
*/

function wp_twitter_post_shotlink($link)  {
	$shotlink = "";
	$url = "http://api.bit.ly/shorten?version=2.0.1&longUrl={$link}&login=******&apiKey=******";
	$bit = json_decode(file_get_contents($url), TRUE);
	if ($bit["errorCode"] == 0) {
		$shotlink = $bit["results"]["{$link}"]["shortUrl"];
	}
	return $shotlink;
}

function wp_twitter_post_add($post_ID) {
    include(dirname(__FILE__).'/twitterAPI.php');

	$post 			= get_post($post_ID);
	$postTitle 		= $post->post_title;
	$postLink 		= get_permalink($post_ID);
	$postContent 	        = $post->post_content;

	$twitter_username 	= '******';
	$twitter_psw 		= '******';
	$twitter_message	= "{$postTitle}: {$postContent}";
	$count = mb_strlen($twitter_message);
	if ($count < 1) {
		$twitter_message = "";
	} else if ($count > 115) {
		$twitter_message = mb_substr($twitter_message, 0, 115).'..';
	}
	$twitter_message .= ' '.wp_twitter_post_shotlink($postLink);
	$twitter_status = postToTwitter($twitter_username, $twitter_psw, $twitter_message);
	return $post_ID;
}

add_action('publish_post', 'wp_twitter_post_add');

?>

add_action(‘publish_post’, ‘wp_twitter_post_add’) – вызываем функцию wp_twitter_post_add, после события publish_post
wp_twitter_post_add() – функция которая производит публикацию поста в ваш твикер, для этого вам нужно знать логин и пароль вашего твикера.
wp_twitter_post_shotlink($link) – функция преобразования ваших урлов в их укороченный вариант, я для этого использовал сервис bit.ly, для его правильной работы вы должны быть на нем зарегистрированы. После регистрации сервис для вас с генерирует apiKey, который и нужно будет подставить в эту функцию.

Ссылки по данной тематике

• http://www.quickonlinetips.com/archives/2007/04/10-best-twitter-tools-for-wordpress-blogs/
• http://blogproblog.com/twitter-dlya-wordpress-bloga/
• http://blog.dimok.ru/blog-i-twitter
  

С вязи с чем часто приходиться искать в Интернете тот или иной плагин для своих нужд. Иногда бывает что:
- сразу не находишь то что хотелось бы,
- или вроде кажется нашёл, но оказывается есть более функциональный аналог от других разработчиков,
- нашёл но не то что искал и думаешь «классный плагин» он мне потом обязательно пригодиться давай я залажу закладку, а потом накапливается такой ворох закладок, что легче заново начать искать

Вот так созрела идея создать свой каталог плагинов для известных js фреймворков (jQuery, MooTools, Prototype и других).

Идея есть, переходим к реализации.

Анализ

Каталоги похожей тематики:

• plugins.jquery.com – каталог js плагинов для jquery
  + наверное самое полное собрание плагинов для jquery.
  + очень «раскрученный» ресурс
  + есть каталог
  + есть поиск
  - нет скриншота плагина
  - нет системы рейтинга плагина (на самом деле вроде есть,, но только на странички конкретного плагина)
  - нет облака тэгов
  - нет топа популярных плагинов
• AjaxRain – презентуют себя как каталог всех плагинов, не только для js фреймворков (например: там есть плагины для Firefox)
  + достаточное большое собрание плагинов
  + есть система рейтинга
  + есть скриншот плагина
  + плагины можно комментировать
  + можно добавить в избранное
  + есть каталог плагинов
  + есть сортировка по кол-ву комментариев, по популярности, по дате добовления
  + есть поиск
  - очевидных недостатков нет, просто мне бы хотелось увидеть более удобный клиентский интерфейс
• jQuery Style – стильный сайт поклонника jQuery
  + есть социальные закладки
  + можно добавить понравившийся плагин в твиттер
  + есть тэги
  + есть список сайтов, рассказывающих как создавать плагины
  - в принципе дальше идут одни недостатки, приводит небуду, достаточно сравнить с предыдущим ресурсом

Делаем

Итак я хочу получить:

1. каталог с легким дизайном
2. с возможность поиска по рубрикатору и тэгам
3. с возможность рейтинга плагинов
4. добавлять в избранное или социальные закладки
5. возможностью комментировать
6. не ограничить каталог, только js плагинами

Что сделано пока…

Есть сайт действующий сайт – www.youplugins.com

Показ новых плагинов – на основе карусели

Топ популяных плагинов – с эффектом скольжения.

Я хотел собрать здесь дополнительный материал по js фреймворкам

Сделано пока WordPress`е – для того что-бы понять насколько это востребовано и нужно. проект будет постоянно развиваться. Мне очень нужны ваши отзывы, что вы хотели бы добавить, улучшить или убрать.

Я хочу сделать каталог который был бы удобен не только мне, но и Вам.

Оно и понятно, информации становиться все больше и хочется ее все разместить на странице, а существующий дизайн не позволяет это сделать. Хорошим выходом является использование всплывающих подсказок.

Я давно уже хотел на своем сайте задействовать их. И вот смотрим…

Идея подсказки, взята с одного известного сайта.
Скрипт полностью написан с нуля, так-так их вариант не устраивал по ряду причин.
Скрипт пока еще «сырой», но если появиться интерес то доведу его до кондиции плагина к WordPress`у

Здесь можно посмотреть демо работу скрипт, а здесь скачать.