<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Developer Suite</title>
	<atom:link href="http://developersuite.net/feed/" rel="self" type="application/rss+xml" />
	<link>http://developersuite.net</link>
	<description>Web Development Resources</description>
	<lastBuildDate>Fri, 27 Nov 2009 02:27:39 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Convert PSD to Wordpress with Divine</title>
		<link>http://developersuite.net/convert-psd-to-wordpress-with-divine/</link>
		<comments>http://developersuite.net/convert-psd-to-wordpress-with-divine/#comments</comments>
		<pubDate>Fri, 27 Nov 2009 02:27:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[PhotoShop]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://developersuite.net/?p=202</guid>
		<description><![CDATA[Yes, that’s right – you need no special extended knowledge about HTML, no special skills in coding, basics are completely enough to convert PSD to Wordpress.
Haven’t you ever wanted to have a special tool or program to easily turn your designs into themes? Well, from now on you can have this special program, this brand [...]]]></description>
			<content:encoded><![CDATA[<p>Yes, that’s right – you need no special extended knowledge about HTML, no special skills in coding, basics are completely enough to convert PSD to Wordpress.</p>
<p>Haven’t you ever wanted to have a special tool or program to easily turn your designs into themes? Well, from now on you can have this special program, this brand new product that converts Photoshop to Wordpress theme in just a several clicks.</p>
<p><a href="http://www.divine-project.com"><img class="alignnone size-full wp-image-203" title="Convert PSD to Wordpress with Divine" src="http://developersuite.net/wp-content/uploads/2009/11/divine.jpg" alt="Convert PSD to Wordpress with Divine" width="364" height="276" /></a></p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fdevelopersuite.net%2Fconvert-psd-to-wordpress-with-divine%2F&amp;linkname=Convert%20PSD%20to%20Wordpress%20with%20Divine"><img src="http://developersuite.net/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://developersuite.net/convert-psd-to-wordpress-with-divine/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Server Driven DataTable with Pagination / Sorting</title>
		<link>http://developersuite.net/server-driven-datatable-with-pagination-sorting/</link>
		<comments>http://developersuite.net/server-driven-datatable-with-pagination-sorting/#comments</comments>
		<pubDate>Tue, 24 Nov 2009 03:49:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[YUI]]></category>

		<guid isPermaLink="false">http://developersuite.net/?p=199</guid>
		<description><![CDATA[This example builds a DataTable based on the columns information taken from the server. Instead of building a statically defined DataTable it will build it based on what the server says.
It has been based on the  server-side pagination and  server-side sorting examples. They have both been changed in that they do not use [...]]]></description>
			<content:encoded><![CDATA[<p>This example builds a DataTable based on the columns information taken from the server. Instead of building a statically defined DataTable it will build it based on what the server says.</p>
<p>It has been based on the <a href="http://developer.yahoo.com/yui/examples/datatable/dt_serverpagination.html"> server-side pagination</a> and <a href="http://developer.yahoo.com/yui/examples/datatable/dt_serversorting.html"> server-side sorting</a> examples. They have both been changed in that they do not use the DataSource to communicate with the server but use a plain Connection Manager request to fetch the information and then pass it as a local source to the DataSource. This allows full access to all the information received from the server before it gets sent to the DataTable. Reported bugs on both examples have been fixed as well.</p>
<p>The source files for this sample are available for download in a <a href="http://www.satyam.com.ar/yui/dt_server_driven.zip">zip file</a>. The PHP server script requires an active PHP interpreter. The YUI compoments are fetched from the YUI site.</p>
<p><a href="http://www.satyam.com.ar/yui/dt_server_driven.zip"><img class="alignnone" title="Download" src="http://developersuite.net/images/btn_download.png" alt="" width="115" height="28" /></a> <a href="http://www.satyam.com.ar/yui/dt_serverdriven.html"><img class="alignnone" title="View Demo" src="http://developersuite.net/images/btn_view_demo.png" alt="" width="119" height="29" /></a></p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fdevelopersuite.net%2Fserver-driven-datatable-with-pagination-sorting%2F&amp;linkname=Server%20Driven%20DataTable%20with%20Pagination%20%2F%20Sorting"><img src="http://developersuite.net/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://developersuite.net/server-driven-datatable-with-pagination-sorting/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Star Ratings</title>
		<link>http://developersuite.net/star-ratings/</link>
		<comments>http://developersuite.net/star-ratings/#comments</comments>
		<pubDate>Mon, 23 Nov 2009 09:49:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://developersuite.net/?p=195</guid>
		<description><![CDATA[Simple Star Rating System
It is a jQuery plugin used for star rating system. This jQuery system was created with the basic framework of the star rating system of Wil Stuckey. This jQuery plugin provides the solution on the problem of the original script requiring too much coding. It also did away with the requirement for [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://php.scripts.psu.edu/rja171/widgets/rating.php" target="_blank"><strong>Simple Star Rating System</strong></a></p>
<p>It is a jQuery plugin used for star rating system. This jQuery system was created with the basic framework of the star rating system of Wil Stuckey. This jQuery plugin provides the solution on the problem of the original script requiring too much coding. It also did away with the requirement for developing a star system.</p>
<p><a href="http://www.learningjquery.com/2007/05/half-star-rating-plugin" target="_blank"><strong>Half Star Rating Plugin</strong></a></p>
<p>It is a jQuery plugin that was developed in response to the clamor for an enhancement of the simple rating system of Ritesh Agrawal and allow for the use of half-star rating system.</p>
<p><strong><a href="http://www.fyneworks.com/jquery/star-rating/#tab-Testing" target="_blank">jQuery Star Rating Plugin</a></strong></p>
<p>The Star Rating Plugin is a plugin for the jQuery Javascript library that creates a non-obstrusive star rating control based on a set of radio input boxes.</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fdevelopersuite.net%2Fstar-ratings%2F&amp;linkname=Star%20Ratings"><img src="http://developersuite.net/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://developersuite.net/star-ratings/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Datepicker Plugins</title>
		<link>http://developersuite.net/jquery-datepicker-plugins/</link>
		<comments>http://developersuite.net/jquery-datepicker-plugins/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 22:19:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://developersuite.net/?p=181</guid>
		<description><![CDATA[1 &#8211; jQuery UI Library DatePicker
DatePicker control from jQuery UI library. It has many useful features and localization on various languages.

2 &#8211; jMonthCalendar
jMonthCalendar is a full month calendar that supports events. You simply initialize the calendar with options and an events array and it can handle the rest. The plugin does have extension points that [...]]]></description>
			<content:encoded><![CDATA[<p><strong>1 &#8211; <a rel="nofollow" href="http://jqueryui.com/demos/datepicker">jQuery UI Library DatePicker</a></strong></p>
<p>DatePicker control from jQuery UI library. It has many useful features and localization on various languages.</p>
<p><a href="http://jqueryui.com/demos/datepicker"><img class="alignnone size-full wp-image-182" title="jQuery UI Library DatePicker" src="http://developersuite.net/wp-content/uploads/2009/11/DatePicker01.jpg" alt="jQuery UI Library DatePicker" width="229" height="208" /></a></p>
<p><strong>2 &#8211; <a rel="nofollow" href="http://www.bytecyclist.com/projects/jmonthcalendar/">jMonthCalendar</a></strong></p>
<p>jMonthCalendar is a full month calendar that supports events. You simply initialize the calendar with options and an events array and it can handle the rest. The plugin does have extension points that allow the developer to interact with the calendar when the display is about to change months, after the display has changed months and when the event bubbles are clicked on. jMonthCalendar now supports hover extension points, hover over an event and trigger an event like an alert(); By default the events would each have a URL supplied that would link to a details page.</p>
<p><a href="http://www.bytecyclist.com/projects/jmonthcalendar/"><img class="alignnone size-full wp-image-183" title="jMonthCalendar" src="http://developersuite.net/wp-content/uploads/2009/11/DatePicker02.jpg" alt="jMonthCalendar" width="361" height="327" /></a></p>
<p><strong>3 &#8211; <a rel="nofollow" href="http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/">jQuery Date Picker plug-in</a></strong></p>
<p>This is an clean, unobtrusive plugin for jQuery which allows you to easily add date inputing functionality to your web forms and pages. Designed from the ground up to be flexible and extensible, the date picker can be used in unlimited ways to allow you to add calendar widgets to your pages.</p>
<p><a href="http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/"><img class="alignnone size-full wp-image-184" title="jQuery Date Picker plug-in" src="http://developersuite.net/wp-content/uploads/2009/11/DatePicker03.jpg" alt="jQuery Date Picker plug-in" width="175" height="166" /></a></p>
<p><strong>4 &#8211; <a rel="nofollow" href="http://eisabainyo.net/demo/jquery.calendar-widget.php">jQuery Calendar Widget Plugin</a></strong></p>
<p>A simple jQuery Calendar Widget Plugin with a month view. You can specify which month you would like to display or have it display the current month. With just 100 lines of Javascript code, this plugin is light-weight and perfect for its purpose.</p>
<p><a href="http://eisabainyo.net/demo/jquery.calendar-widget.php"><img class="alignnone size-full wp-image-187" title="jQuery Calendar Widget Plugin" src="http://developersuite.net/wp-content/uploads/2009/11/DatePicker04.jpg" alt="jQuery Calendar Widget Plugin" width="425" height="164" /></a></p>
<p><strong>5 &#8211; <a rel="nofollow" href="http://code.google.com/p/jquery-jcal/">jCal &#8211; Slick jQuery Datapicker plugin</a></strong></p>
<p>Beautiful animated calendar datepicker for multi-day selection with multi-month display. Allows for a sequence of months to reside side by side and for the user to select a number of consecutive days. This is great for lodging reservation systems, ticket purchasing systems, etc.</p>
<p><a href="http://code.google.com/p/jquery-jcal/"><img class="alignnone size-full wp-image-188" title=" jCal - Slick jQuery Datapicker plugin" src="http://developersuite.net/wp-content/uploads/2009/11/DatePicker05.jpg" alt=" jCal - Slick jQuery Datapicker plugin" width="476" height="268" /></a></p>
<p><strong>6 &#8211; <a rel="nofollow" href="http://code.google.com/p/dyndatetime/">dyndatetime</a></strong></p>
<p>This  datepicker supports date and time, and renders the value to a single field in a configurable format.</p>
<p><a href="http://code.google.com/p/dyndatetime/"><img class="alignnone size-full wp-image-189" title="dyndatetime" src="http://developersuite.net/wp-content/uploads/2009/11/DatePicker06.jpg" alt="dyndatetime" width="230" height="160" /></a></p>
<p><strong>7 &#8211; <a rel="nofollow" href="http://www.eyecon.ro/datepicker/">Date Picker &#8211; jQuery plugin</a></strong></p>
<p>Date Picker component with a lot of options and easy to fit in your web application.</p>
<p><a href="http://www.eyecon.ro/datepicker/"><img class="alignnone size-full wp-image-190" title="Date Picker - jQuery plugin" src="http://developersuite.net/wp-content/uploads/2009/11/DatePicker07.jpg" alt="Date Picker - jQuery plugin" width="196" height="148" /></a></p>
<p><strong>8 &#8211; <a rel="nofollow" href="http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/">Date Range Picker</a></strong></p>
<p>One more date range picker based on jquery library from Filament Group Inc.</p>
<p><a href="http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/"><img class="alignnone size-full wp-image-191" title="Date Range Picker" src="http://developersuite.net/wp-content/uploads/2009/11/DatePicker08.jpg" alt="Date Range Picker" width="433" height="261" /></a></p>
<p><strong>9 &#8211; <a rel="nofollow" href="http://teddevito.com/demos/calendar.php">simple jQuery date-picker plugin</a></strong></p>
<p>Interesting datepicker created by Ted Devito, still in beta version.</p>
<p><a href="http://teddevito.com/demos/calendar.php"><img class="alignnone size-full wp-image-192" title="simple jQuery date-picker plugin" src="http://developersuite.net/wp-content/uploads/2009/11/DatePicker09.jpg" alt="simple jQuery date-picker plugin" width="178" height="206" /></a></p>
<p><strong>10 &#8211; <a rel="nofollow" href="http://jonathanleighton.com/projects/date-input">Date Input</a></strong></p>
<p>Date Input is a no frills date picker plugin for jQuery.  It is small fast and pretty.</p>
<p><a href="http://jonathanleighton.com/projects/date-input"><img class="alignnone size-full wp-image-193" title="Date Input" src="http://developersuite.net/wp-content/uploads/2009/11/DatePicker10.jpg" alt="Date Input" width="246" height="223" /></a></p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fdevelopersuite.net%2Fjquery-datepicker-plugins%2F&amp;linkname=jQuery%20Datepicker%20Plugins"><img src="http://developersuite.net/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://developersuite.net/jquery-datepicker-plugins/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Color Picker</title>
		<link>http://developersuite.net/jquery-color-picker/</link>
		<comments>http://developersuite.net/jquery-color-picker/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 04:52:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://developersuite.net/?p=177</guid>
		<description><![CDATA[A simple component to select color in the same way you select color in Adobe Photoshop.


]]></description>
			<content:encoded><![CDATA[<p>A simple component to select color in the same way you select color in Adobe Photoshop.</p>
<p><a href="http://eyecon.ro/colorpicker/"><img class="alignnone size-full wp-image-178" title="jQuery Color Picker" src="http://developersuite.net/wp-content/uploads/2009/11/ColorPicker.jpg" alt="jQuery Color Picker" width="358" height="178" /></a></p>
<p><a href="http://eyecon.ro/colorpicker/"><img class="alignnone" title="View Demo" src="http://developersuite.net/images/btn_view_demo.png" alt="" width="119" height="29" /></a></p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fdevelopersuite.net%2Fjquery-color-picker%2F&amp;linkname=jQuery%20Color%20Picker"><img src="http://developersuite.net/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://developersuite.net/jquery-color-picker/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fancy Upload</title>
		<link>http://developersuite.net/fancy-upload/</link>
		<comments>http://developersuite.net/fancy-upload/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 09:14:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[MooTools]]></category>

		<guid isPermaLink="false">http://developersuite.net/?p=169</guid>
		<description><![CDATA[Swiff meets Ajax for powerful and elegant uploads. FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all modern browsers.

]]></description>
			<content:encoded><![CDATA[<p><strong>Swiff</strong> meets <strong>Ajax</strong> for powerful and elegant uploads. FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via <abbr title="Cascading Style Sheet">CSS</abbr> and <abbr title="Extensible Hypertext Markup Language">XHTML</abbr> and uses <a title="MooTools JavaScript Framework" href="http://mootools.net/">MooTools</a> to work in all modern browsers.</p>
<p><a href="http://digitarald.de/project/fancyupload/"><img class="alignnone size-full wp-image-170" title="Fancy Upload" src="http://developersuite.net/wp-content/uploads/2009/11/FancyUpload.jpg" alt="Fancy Upload" width="353" height="278" /></a></p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fdevelopersuite.net%2Ffancy-upload%2F&amp;linkname=Fancy%20Upload"><img src="http://developersuite.net/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://developersuite.net/fancy-upload/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mocha UI</title>
		<link>http://developersuite.net/mocha-ui/</link>
		<comments>http://developersuite.net/mocha-ui/#comments</comments>
		<pubDate>Tue, 17 Nov 2009 09:06:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[MooTools]]></category>

		<guid isPermaLink="false">http://developersuite.net/?p=164</guid>
		<description><![CDATA[Mocha is a web applications user interface library built on the MooTools javascript framework. The Mocha GUI components are made with &#60;canvas&#62; tag graphics.


]]></description>
			<content:encoded><![CDATA[<p>Mocha is a web applications user interface library built on the <a title="MooTools JavaScript Framework" href="http://mootools.net/">MooTools</a> javascript framework. The Mocha GUI components are made with &lt;canvas&gt; tag graphics.</p>
<p><a href="http://greghoustondesign.com/demos/mocha/"><img class="alignnone size-full wp-image-165" title="Mocha UI" src="http://developersuite.net/wp-content/uploads/2009/11/MochaUI.jpg" alt="Mocha UI" width="401" height="412" /></a></p>
<p><a href="http://greghoustondesign.com/demos/mocha/"><img class="alignnone" title="View Demo" src="http://developersuite.net/images/btn_view_demo.png" alt="" width="119" height="29" /></a></p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fdevelopersuite.net%2Fmocha-ui%2F&amp;linkname=Mocha%20UI"><img src="http://developersuite.net/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://developersuite.net/mocha-ui/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Displaying form data in PHP</title>
		<link>http://developersuite.net/display-form-data-php/</link>
		<comments>http://developersuite.net/display-form-data-php/#comments</comments>
		<pubDate>Mon, 16 Nov 2009 11:07:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://developersuite.net/?p=154</guid>
		<description><![CDATA[A useful piece of code I wrote to display the data sent from any type of html form, simply copy this code below into a php file and use that file as the action in the html form, When you submit the form it will display the values of the form in the next page, [...]]]></description>
			<content:encoded><![CDATA[<p>A useful piece of code I wrote to display the data sent from any type of html form, simply copy this code below into a php file and use that file as the action in the html form, When you submit the form it will display the values of the form in the next page, this can be a great when trying to figure out why something is not working correctly, say for example in a contact form.</p>
<pre class="brush: php;">&lt;?php
	ob_start(); 		// Turn on output buffering
	session_start();	// Initialize Session Data

	// CALL THE FORM DATA FUNCTION
	formData(); 		

// CHECK WHAT WAS SENT FROM THE FORM
function formData(){

	$errorFound = false;
	echo '&lt;h1&gt;Data sent from the form&lt;/h1&gt;';
	echo '&lt;small&gt;Data sent from: ' . getenv(&quot;HTTP_REFERER&quot;) . '&lt;/small&gt;';
	foreach ($_POST as $key =&gt; $value) {
		echo '&lt;ul&gt;';
		if ($value){
			echo &quot;&lt;li&gt;$key = $value&quot; . &quot;&lt;/li&gt;&quot;;
		}else{
			echo &quot;&lt;li&gt;&lt;b&gt;$key&lt;/b&gt; = &lt;font color=\&quot;red\&quot;&gt;&lt; No Data Sent &gt;&lt;/font&gt;&lt;/li&gt;&quot;;
			$errorFound = true;
		}
		echo '&lt;/ul&gt;';
	}
	if ($errorFound){ // Message to display if there was an error
		echo '&lt;h3&gt;NOTE: Some of the variables contain no data!&lt;/h3&gt;';
		echo '&lt;b&gt;Possible Reasons:&lt;/b&gt;&lt;br /&gt;The user did not enter anything into the fields provided and you do not have some sort of validation setup such as &lt;a href&quot;http://docs.jquery.com/Plugins/Validation&quot;&gt;jQuery&lt;/a&gt; for those fields&lt;br /&gt;';
		echo 'Check that the name tags in your form match what is being checked for in the process.php file.';
	}
	exit();
}
?&gt;</pre>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fdevelopersuite.net%2Fdisplay-form-data-php%2F&amp;linkname=Displaying%20form%20data%20in%20PHP"><img src="http://developersuite.net/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://developersuite.net/display-form-data-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Useful PHP &amp; jQuery Components</title>
		<link>http://developersuite.net/useful-php-jquery-components/</link>
		<comments>http://developersuite.net/useful-php-jquery-components/#comments</comments>
		<pubDate>Fri, 13 Nov 2009 09:19:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[JSON]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://developersuite.net/?p=130</guid>
		<description><![CDATA[1 &#8211; Directory Trees With PHP And jQuery
A easy way to keep track of many files is to use a directory tree. A directory tree lists out files and directories so that it’s easy to find what you’re looking for. In this tutorial, you will be taught how to make a directory tree using PHP [...]]]></description>
			<content:encoded><![CDATA[<p><strong>1 &#8211; <a href="http://www.lateralcode.com/directory-trees-with-php-and-jquery/" target="_blank">Directory Trees With PHP And jQuery</a></strong></p>
<p>A easy way to keep track of many files is to use a directory tree. A directory tree lists out files and directories so that it’s easy to find what you’re looking for. In this tutorial, you will be taught how to make a directory tree using PHP and jQuery.</p>
<p><a href="http://www.lateralcode.com/directory-trees-with-php-and-jquery/"><img class="alignnone size-full wp-image-131" title="Directory Trees With PHP And jQuery" src="http://developersuite.net/wp-content/uploads/2009/11/php-jquery-components1.jpg" alt="Directory Trees With PHP And jQuery" width="500" height="200" /></a></p>
<p><a href="http://www.sohtanaka.com/web-design/examples/image-rotator/"><br />
</a></p>
<p><strong>2 &#8211; <a href="http://net.tutsplus.com/videos/screencasts/create-a-photo-admin-site-using-php-and-jquery/" target="_blank">Create a Photo Admin Site Using PHP and jQuery</a></strong></p>
<p>A sciences tutorial for creating a photo site using PHP, jQuery, and AJAX. You will be taught how to repossess images from a database, create a straightforward login form with substantiation, and then allow for the database to be asynchronously updated.</p>
<p><a href="http://net.tutsplus.com/videos/screencasts/create-a-photo-admin-site-using-php-and-jquery/"><img class="alignnone size-full wp-image-132" title="Create a Photo Admin Site Using PHP and jQuery" src="http://developersuite.net/wp-content/uploads/2009/11/php-jquery-components2.jpg" alt="Create a Photo Admin Site Using PHP and jQuery" width="500" height="185" /></a></p>
<p><strong>3 &#8211; <a href="http://net.tutsplus.com/tutorials/php/asynchronous-comments-with-jquery-and-json/" target="_blank">Asynchronous Comments with PHP, jQuery, and JSON</a></strong></p>
<p>In this article, be taught how to create a uncomplicated but effectual means of capturing and displaying visitor explanation using a merge of jQuery, PHP and JSON. In the public forum that is the blogosphere, the aptitude to incarcerate and display visitor comments on your blogs can give you immediate feedback and opinions from the people that substance most – those that read your blog.</p>
<p><a href="http://net.tutsplus.com/tutorials/php/asynchronous-comments-with-jquery-and-json/"><img class="alignnone size-full wp-image-134" title=" Asynchronous Comments with PHP, jQuery, and JSON" src="http://developersuite.net/wp-content/uploads/2009/11/php-jquery-components31.jpg" alt=" Asynchronous Comments with PHP, jQuery, and JSON" width="500" height="185" /></a></p>
<p><a href="http://www.danwellman.co.uk/comments.html"><img title="View Demo" src="../images/btn_view_demo.png" alt="View Demo" width="119" height="29" /></a></p>
<p><strong>4 &#8211; <a href="http://www.chazzuka.com/blog/?p=82" target="_blank">PHP AJAX Login Form using jQuery</a></strong></p>
<p>Create a new PHP ajax login functionality by Jquery. You can easily switch the data basis flanked by database and PHP array, login substantiation can be using username or email, or even both of ‘em by changing the config, automatic redirection could be done within the javascript config.</p>
<p><a href="http://www.chazzuka.com/blog/?p=82"><img class="alignnone size-full wp-image-135" title="PHP ajax login form using Jquery" src="http://developersuite.net/wp-content/uploads/2009/11/php-jquery-components4.jpg" alt="PHP ajax login form using Jquery" width="500" height="230" /></a></p>
<p><a href="http://www.chazzuka.com/experiments/php-ajax-login/"><img title="View Demo" src="../images/btn_view_demo.png" alt="View Demo" width="119" height="29" /></a></p>
<p><strong>5 &#8211; <a href="http://query7.com/php-jquery-todo-list-part-1/" target="_blank">PHP + jQuery Todo List</a></strong></p>
<p>This is part 1 of a 2 part succession on making a To-do List with PHP and ornament it with jQuery’s AJAX and handling capabilities.</p>
<p><a href="http://query7.com/php-jquery-todo-list-part-1/"><img class="alignnone size-full wp-image-136" title="PHP + jQuery Todo List" src="http://developersuite.net/wp-content/uploads/2009/11/php-jquery-components5.jpg" alt="PHP + jQuery Todo List" width="500" height="230" /></a></p>
<p><a href="http://lastkarrde.com/q7todo/"><img title="View Demo" src="../images/btn_view_demo.png" alt="View Demo" width="119" height="29" /></a></p>
<p><strong>6 &#8211; <a href="http://virae.org/newsletter_module/" target="_blank">Newsletter module</a></strong></p>
<p>A PHP, jQuery and AJAX module, which should be great for any newsletter management needs. You just need to copy one file onto your site, and you’re prepared to send and archive all newsletters, supervise e-mail addresses and categories, and configure a template for your e-mails. Also have an aptitude of optional password protection. All options can be easily configured at the top of incorporated .php file.</p>
<p><strong><a href="http://virae.org/newsletter_module/"><img class="alignnone size-full wp-image-137" title="Newsletter module" src="http://developersuite.net/wp-content/uploads/2009/11/php-jquery-components6.jpg" alt="Newsletter module" width="500" height="310" /></a></strong></p>
<p><a href="http://virae.org/newsletter_module/"><img title="View Demo" src="../images/btn_view_demo.png" alt="View Demo" width="119" height="29" /></a></p>
<p><strong>7 &#8211; <a href="http://www.reynoldsftw.com/2009/03/tutorial-from-php-to-xml-to-jquery-and-ajax/" target="_blank">From PHP to XML to jQuery and Ajax</a></strong></p>
<p>This tutorial will focus on receiving data from a database by PHP, converting that to an XML document, and reading that XML in through jQuery via Ajax calls. Seems multifaceted, but is in fact, very easy.</p>
<p><a href="http://www.reynoldsftw.com/2009/03/tutorial-from-php-to-xml-to-jquery-and-ajax/"><img class="alignnone size-full wp-image-138" title="From PHP to XML to jQuery and Ajax" src="http://developersuite.net/wp-content/uploads/2009/11/php-jquery-components7.jpg" alt="From PHP to XML to jQuery and Ajax" width="500" height="145" /></a></p>
<p><a href="http://demos.reynoldsftw.com/php-xml-jquery-ajax/theHTML.html"><img title="View Demo" src="../images/btn_view_demo.png" alt="View Demo" width="119" height="29" /></a></p>
<p><strong>8 &#8211; <a href="http://yensdesign.com/2009/01/how-validate-forms-both-sides-using-php-jquery/" target="_blank">How to Validate Forms in both sides using PHP and jQuery</a></strong></p>
<p>We are going to learn how to validate your forms using PHP and jQuery in both sides: client side (using javascript with jQuery) and server side (using PHP). It will be interesting to see how to use regular expressions to validate different kind of e-mails, passwords and more.</p>
<p><a href="http://yensdesign.com/2009/01/how-validate-forms-both-sides-using-php-jquery/"><img class="alignnone size-full wp-image-139" title="How to Validate Forms in both sides using PHP and jQuery" src="http://developersuite.net/wp-content/uploads/2009/11/php-jquery-components8.jpg" alt="How to Validate Forms in both sides using PHP and jQuery" width="500" height="300" /></a></p>
<p><a href="http://yensdesign.com/tutorials/validateform/"><img title="View Demo" src="../images/btn_view_demo.png" alt="View Demo" width="119" height="29" /></a></p>
<p><strong>9 &#8211; <a href="http://yensdesign.com/2009/01/create-a-shoutbox-using-php-and-ajax-jquery/" target="_blank">Create a shoutbox using PHP and AJAX</a></strong></p>
<p>We will learn how to create a dynamic ajax based shoutbox with jQuery from scratch. It will be very interesting to know how to use the ajax function of jQuery and how it can be used to insert and recover data from a MySQL database via PHP in a way asynchronous.</p>
<p><a href="http://yensdesign.com/2009/01/create-a-shoutbox-using-php-and-ajax-jquery/"><img class="alignnone size-full wp-image-140" title="Create a shoutbox using PHP and AJAX" src="http://developersuite.net/wp-content/uploads/2009/11/php-jquery-components9.jpg" alt="Create a shoutbox using PHP and AJAX" width="500" height="200" /></a></p>
<p><a href="http://www.yensdesign.com/tutorials/shoutbox"><img title="View Demo" src="../images/btn_view_demo.png" alt="View Demo" width="119" height="29" /></a></p>
<p><strong>10 &#8211; <a href="http://t.wits.sg/2008/06/25/howto-php-and-jquery-upload-progress-bar/" target="_blank">PHP and jQuery upload progress bar</a></strong></p>
<p>With the controllable jQuery Progress Bar, writing a form upload advancement bar seems like a piece of cake now. Theoretically, all we need is to create the bar, poll for the progress of the file upload, drive the new progress bar value (in percentage) and set it using PHP.</p>
<p><a href="http://t.wits.sg/2008/06/25/howto-php-and-jquery-upload-progress-bar/"><img class="alignnone size-full wp-image-141" title="PHP and jQuery upload progress bar" src="http://developersuite.net/wp-content/uploads/2009/11/php-jquery-components10.jpg" alt="PHP and jQuery upload progress bar" width="500" height="200" /></a></p>
<p><a href="http://t.wits.sg/misc/jQueryProgressBar/demo.php"><img title="View Demo" src="../images/btn_view_demo.png" alt="View Demo" width="119" height="29" /></a></p>
<p><strong>11 &#8211; <a href="http://fromvega.com/wordpress/2007/05/05/auto-complete-field-with-jquery-json-php/" target="_blank">Auto-Complete Field with jQuery, JSON &amp; PHP</a></strong></p>
<p>Using jQuery with PHP to create auto complete field, beside the auto-complete code we need the jQuery library along with its Dimensions plug-in.</p>
<p><a href="http://fromvega.com/wordpress/2007/05/05/auto-complete-field-with-jquery-json-php/"><img class="alignnone size-full wp-image-142" title="Auto-Complete Field with jQuery, JSON &amp; PHP" src="http://developersuite.net/wp-content/uploads/2009/11/php-jquery-components11.jpg" alt="Auto-Complete Field with jQuery, JSON &amp; PHP" width="500" height="145" /></a></p>
<p><strong>12 &#8211; <a href="http://www.marcofolio.net/webdesign/a_fancy_apple.com-style_search_suggestion.html" target="_blank">A fancy Apple.com-style search suggestion</a></strong></p>
<p>Learn how to recreate the effect from Apple website by creating a fancy apple.com-style search suggestion. This example makes use of several techniques: MySQL (for the database), HTML/CSS for styling, PHP for retrieving the data and jQuery for the AJAX request.</p>
<p><a href="http://www.marcofolio.net/webdesign/a_fancy_apple.com-style_search_suggestion.html"><img class="alignnone size-full wp-image-143" title="A fancy Apple.com-style search suggestion" src="http://developersuite.net/wp-content/uploads/2009/11/php-jquery-components12.jpg" alt="A fancy Apple.com-style search suggestion" width="500" height="217" /></a></p>
<p><a href="http://qpoit.com/marcofolio_demo/apple_search/"><img title="View Demo" src="../images/btn_view_demo.png" alt="View Demo" width="119" height="29" /></a></p>
<p><strong>13 &#8211; <a href="http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop-v11/" target="_blank">PHP &amp; jQuery image upload and Crop</a></strong></p>
<p>Create a PHP and jQuery image upload and crop tool using PHP, jQuery, PHP GD Library.</p>
<p><a href="http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop-v11/"><img class="alignnone size-full wp-image-144" title="PHP &amp; jQuery image upload and Crop" src="http://developersuite.net/wp-content/uploads/2009/11/php-jquery-components13.jpg" alt="PHP &amp; jQuery image upload and Crop" width="500" height="217" /></a></p>
<p><a href="http://www.webmotionuk.co.uk/jquery/image_upload_crop.php"><img title="View Demo" src="../images/btn_view_demo.png" alt="View Demo" width="119" height="29" /></a></p>
<p><strong>14 &#8211; <a href="http://ennuidesign.com/blog/FlickrScrollr+Explained:+PHP" target="_blank">FlickrScrollr</a></strong></p>
<p>FlickrScrollr is a combination of PHP and jQuery that parses a Flickr RSS feed and creates an animated thumbnail display.</p>
<p><a href="http://ennuidesign.com/blog/FlickrScrollr+Explained:+PHP"><img class="alignnone size-full wp-image-145" title="FlickrScrollr" src="http://developersuite.net/wp-content/uploads/2009/11/php-jquery-components14.jpg" alt="FlickrScrollr" width="500" height="217" /></a></p>
<p><a href="http://ennuidesign.com/demo/flickrscrollr"><img title="View Demo" src="../images/btn_view_demo.png" alt="View Demo" width="119" height="29" /></a></p>
<p><strong>15 &#8211; <a href="http://ad1987.blogspot.com/2009/02/reddit-style-voting-with-php-mysql-and.html" target="_blank">Reddit-style Voting With PHP, MySQL And jQuery</a></strong></p>
<p>If you are a regular at Reddit, you must have noticed the way people vote there. You can either vote up or vote down. This tutorial will show you how to create such a voting system with jQuery, PHP and MySQL.</p>
<p><a href="http://ad1987.blogspot.com/2009/02/reddit-style-voting-with-php-mysql-and.html"><img class="alignnone size-full wp-image-146" title="Reddit-style Voting With PHP, MySQL And jQuery" src="http://developersuite.net/wp-content/uploads/2009/11/php-jquery-components15.jpg" alt="Reddit-style Voting With PHP, MySQL And jQuery" width="500" height="217" /></a></p>
<p><a href="http://abhisek.uuuq.com/lab/reddit_votes/"><img title="View Demo" src="../images/btn_view_demo.png" alt="View Demo" width="119" height="29" /></a></p>
<p><strong>16 &#8211; <a href="http://9lessons.blogspot.com/2009/02/smtp-feedback-mail-class-with-jquery.html" target="_blank">SMTP Feedback Mail class with jQuery Slide Effect</a></strong></p>
<p>This post is about feedback mail with nice slide effect using php SMTP class and jQuery. It’s very useful to add contact/feedback page to your php websites.</p>
<p><a href="http://9lessons.blogspot.com/2009/02/smtp-feedback-mail-class-with-jquery.html"><img class="alignnone size-full wp-image-147" title="SMTP Feedback Mail class with jQuery Slide Effect" src="http://developersuite.net/wp-content/uploads/2009/11/php-jquery-components16.jpg" alt="SMTP Feedback Mail class with jQuery Slide Effect" width="500" height="217" /></a></p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fdevelopersuite.net%2Fuseful-php-jquery-components%2F&amp;linkname=Useful%20PHP%20%26%23038%3B%20jQuery%20Components"><img src="http://developersuite.net/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://developersuite.net/useful-php-jquery-components/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tooltips Scripts With AJAX, JavaScript &amp; CSS</title>
		<link>http://developersuite.net/tooltips-scripts-ajax-javascript-css/</link>
		<comments>http://developersuite.net/tooltips-scripts-ajax-javascript-css/#comments</comments>
		<pubDate>Thu, 12 Nov 2009 01:28:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[MooTools]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[Scriptaculous]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://developersuite.net/?p=88</guid>
		<description><![CDATA[1 &#8211; Nice Titles Revised
An improved Nice Titles Tooltip Script with Accesskeys support.

A lightweight prototype based JavaScript tooltip

2 &#8211; Nice Titles
A classic. The script uses a background image.

3 &#8211; AJAX enabled Help Balloons
Help windows in baloon-design. AJAXified version is also available.

4 &#8211; jTip – A jQuery Tool Tip
Extensive AJAX-based tooltips with numerous functions and presentation [...]]]></description>
			<content:encoded><![CDATA[<p><strong>1 &#8211; <a href="http://www.1976design.com/blog/archive/2003/11/21/nice-titles/" target="_blank">Nice Titles Revised</a></strong></p>
<p>An improved Nice Titles Tooltip Script with Accesskeys support.</p>
<p><a href="http://www.1976design.com/blog/archive/2003/11/21/nice-titles/"><img class="alignnone size-full wp-image-89" title="Nice Titles Revised" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips01.gif" alt="Nice Titles Revised" width="380" height="140" /></a></p>
<p>A lightweight prototype based JavaScript tooltip</p>
<p><a href="http://www.1976design.com/blog/archive/2003/11/21/nice-titles/"><img class="alignnone size-full wp-image-90" title="Nice Titles Revised" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips01a.gif" alt="Nice Titles Revised" width="380" height="140" /></a></p>
<p><strong>2 &#8211; <a href="http://www.kryogenix.org/code/browser/nicetitle/">Nice Titles</a></strong></p>
<p>A classic. The script uses a background image.</p>
<p><a href="http://www.kryogenix.org/code/browser/nicetitle/"><img class="alignnone size-full wp-image-91" title="Nice Titles" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips02.gif" alt="Nice Titles" width="380" height="140" /></a></p>
<p><strong>3 &#8211; <a href="http://www.beauscott.com/2006/08/19/ajax-enabled-help-balloons/">AJAX enabled Help Balloons</a></strong></p>
<p>Help windows in baloon-design. AJAXified version is also available.</p>
<p><a href="http://www.beauscott.com/2006/08/19/ajax-enabled-help-balloons/"><img class="alignnone size-full wp-image-92" title="AJAX Enabled Help Balloons" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips03.gif" alt="AJAX Enabled Help Balloons" width="380" height="140" /></a></p>
<p><strong>4 &#8211; <a href="http://codylindley.com/Javascript/264/jtip-a-jquery-tool-tip">jTip – A jQuery Tool Tip</a></strong></p>
<p>Extensive AJAX-based tooltips with numerous functions and presentation possibilities.</p>
<p><a href="http://www.codylindley.com/blogstuff/js/jtip/"><img class="alignnone size-full wp-image-93" title="jTip – A jQuery Tool Tip" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips04.gif" alt="jTip – A jQuery Tool Tip" width="349" height="148" /></a></p>
<p><strong>5 &#8211; <a href="http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/">jQuery plugin: Tooltip</a></strong></p>
<p>Enhances the jQuery Library.</p>
<p><a href="http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/"><img class="alignnone size-full wp-image-94" title="jQuery plugin: Tooltip" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips05.gif" alt="jQuery plugin: Tooltip" width="326" height="130" /></a></p>
<p><strong>6 &#8211; <a href="http://solardreamstudios.com/learn/css/qtip">qTip</a></strong></p>
<p>Works for all elements, not only for links in most browsers – IE 5.5+, Firefox, Safari and Opera.</p>
<p><a href="http://solardreamstudios.com/learn/css/qtip"><img class="alignnone size-full wp-image-95" title="qTip" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips06.gif" alt="qTip" width="380" height="140" /></a></p>
<p><strong>7 &#8211; <a href="http://www.askthecssguy.com/2007/03/form_field_hints_with_css_and.html">Form field hints with CSS Tooltips</a></strong></p>
<p>It’s a basic example of how helpful a little JavaScript and CSS can be in a form. Instead of the input hints always showing and potentionally cluttering a very simple form, only the hint for the currently focused input will show. This article will show a way to do this.</p>
<p><a href="http://www.askthecssguy.com/2007/03/form_field_hints_with_css_and.html"><img class="alignnone size-full wp-image-96" title="Form field hints with CSS Tooltips" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips07.jpg" alt="Form field hints with CSS Tooltips" width="434" height="200" /></a></p>
<p><strong>8 &#8211; <a href="http://codylindley.com/Javascript/219/finding-a-javascript-tool-tip-script">JS Tooltip</a></strong></p>
<p>Displays customizable tool tip message for each link element on a web page. A tool tip that can be added to the anchor element unobtrusively by adding a class value to it. This was done by having the tool tip message pull from the specific title attribute of the anchor element that the tool tip was added too.</p>
<p><a href="http://codylindley.com/Javascript/219/finding-a-javascript-tool-tip-script"><img class="alignnone size-full wp-image-97" title="JS Tooltip" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips08.gif" alt="JS Tooltip" width="380" height="140" /></a></p>
<p><strong>9 &#8211; <a href="http://boxover.swazz.org/">BoxOver</a></strong></p>
<p>Flexible DHTML-Tooltipp in numerous formats. Appears (almost) immedately and fades in during loading.</p>
<p><a href="http://boxover.swazz.org/"><img class="alignnone size-full wp-image-98" title="BoxOver" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips09.gif" alt="BoxOver" width="383" height="108" /></a></p>
<p><strong>10 &#8211; <a href="http://www.twinhelix.com/dhtml/supernote/">SuperNotes</a></strong></p>
<p>Converts footnotes to tooltips. Appears immediately and can be assigned with a fixed position in the browser window.</p>
<p><a href="http://www.twinhelix.com/dhtml/supernote/"><img class="alignnone size-full wp-image-99" title="SuperNotes" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips10.gif" alt="SuperNotes" width="353" height="140" /></a></p>
<p><strong>11 &#8211; <a href="http://www.twinhelix.com/dhtml/tipster/demo/">Tipster</a></strong></p>
<p>Multifunctional tool tips with JavaScript.</p>
<p><a href="http://www.twinhelix.com/dhtml/tipster/demo/"><img class="alignnone size-full wp-image-100" title="Tipster" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips11.gif" alt="Tipster" width="380" height="140" /></a></p>
<p><strong>12 &#8211; <a href="http://www.dhtmlgoodies.com/index.html?page=tooltip">5 Tooltips by DHTMLGoodies</a></strong></p>
<p>First version is suppose to improve the usability of online forms.</p>
<p><a href="http://www.dhtmlgoodies.com/index.html?page=tooltip"><img class="alignnone size-full wp-image-101" title="5 Tooltips by DHTMLGoodies" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips12.gif" alt="5 Tooltips by DHTMLGoodies" width="485" height="195" /></a></p>
<p>The second technique uses AJAX.</p>
<p><a href="http://www.dhtmlgoodies.com/index.html?page=tooltip"><img class="alignnone size-full wp-image-103" title="5 Tooltips by DHTMLGoodies" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips12a.gif" alt="5 Tooltips by DHTMLGoodies" width="291" height="286" /></a></p>
<p><strong>13 &#8211; <a href="http://www.walterzorn.com/tooltip/tooltip_e.htm">Walter Zorns JavaScript, DHTML Tooltips</a></strong></p>
<p>These tooltips can be used for different purposes; the code is well-documented and can easily be improved and modified.</p>
<p><a href="http://www.walterzorn.com/tooltip/tooltip_e.htm"><img class="alignnone size-full wp-image-104" title="Walter Zorns JavaScript, DHTML Tooltips" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips13.gif" alt="Walter Zorns JavaScript, DHTML Tooltips" width="386" height="219" /></a></p>
<p><strong>14 &#8211; <a href="http://examples.learningjquery.com/62/#examplesection">clueTip</a></strong></p>
<p>A jQuery-based, AJAX-powered tooltip. The clueTip plug-in was inspired by Cody Lindley’s jTip script.</p>
<p><a href="http://examples.learningjquery.com/62/#examplesection"><img class="alignnone size-full wp-image-105" title="clueTip" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips14.gif" alt="clueTip" width="380" height="140" /></a></p>
<p><strong>15 &#8211; <a href="http://www.chrisesler.com/mootools/mootools-tooltip.html">Mootools Tooltip</a></strong></p>
<p>Mootools Javascript example of using tooltips.</p>
<p><a href="http://www.chrisesler.com/mootools/mootools-tooltip.html"><img class="alignnone size-full wp-image-106" title="Mootools Tooltip" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips15.gif" alt="Mootools Tooltip" width="380" height="140" /></a></p>
<p><strong>16 &#8211; <a href="http://www.dustindiaz.com/sweet-titles/">Sweet Titles</a></strong></p>
<p>JavaScript Fading Tooltips.</p>
<p><a href="http://www.dustindiaz.com/sweet-titles/"><img class="alignnone size-full wp-image-107" title="Sweet Titles" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips16.gif" alt="Sweet Titles" width="357" height="121" /></a></p>
<p><strong>17 &#8211; <a href="http://www.dyn-web.com/dhtml/tooltips/hover-tip.html">Hover Tip</a></strong></p>
<p>Tooltip with menu-like capabilities. The tooltip layer will remain visible while the viewer hovers over it. This allows you to place clickable links inside tooltip content.</p>
<p><a href="http://www.dyn-web.com/dhtml/tooltips/hover-tip.html"><img class="alignnone size-full wp-image-108" title="Hover Tip" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips17.gif" alt="Hover Tip" width="380" height="140" /></a></p>
<p><strong>18 &#8211; <a href="http://www.texsoft.it/index.php?%20m=sw.js.htmltooltip&amp;c=software&amp;l=it">Multiline Tooltip with HTML, CSS and JavaScript</a></strong></p>
<p>This document explains how to make nice multiline tooltip for HTML documents, using simple and standard CSS, HTML and JavaScript.</p>
<p><a href="http://www.texsoft.it/index.php?%20m=sw.js.htmltooltip&amp;c=software&amp;l=it"><img class="alignnone size-full wp-image-109" title="Multiline Tooltip with HTML, CSS and JavaScript" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips18.gif" alt="Multiline Tooltip with HTML, CSS and JavaScript" width="380" height="140" /></a></p>
<p><strong>19 &#8211; <a href="http://www.bosrup.com/web/overlib/">overLIB</a></strong></p>
<p>This JavaScript-library can be used in a variety of ways; many positioning and appearance features are available.</p>
<p><a href="http://www.bosrup.com/web/overlib/"><img class="alignnone size-full wp-image-110" title="overLIB" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips19.gif" alt="overLIB" width="399" height="186" /></a></p>
<p><strong>20 &#8211; <a href="http://script.aculo.us/">Scriptaculous</a> Effect.Tooltip</strong></p>
<p>The tooltip script from the <a href="http://script.aculo.us/">script.aculo.us</a> library.</p>
<p><img class="alignnone size-full wp-image-111" title="Scriptaculous Effect.Tooltip" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips20.gif" alt="Scriptaculous Effect.Tooltip" width="380" height="140" /></p>
<h2>CSS Only ToolTips</h2>
<p><strong>21 &#8211; </strong><a href="http://loadaveragezero.com/vnav/labs/CSS/tooltips.php">CSS Tooltips</a></p>
<p>A simple demonstration of using custom CSS tooltips as a drop-in replacement for the browser-based title attribute.</p>
<p><a href="http://loadaveragezero.com/vnav/labs/CSS/tooltips.php"><img class="alignnone size-full wp-image-112" title="CSS Tooltips" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips21.gif" alt="CSS Tooltips" width="380" height="140" /></a></p>
<p><strong>22 &#8211; <a href="http://www.communitymx.com/content/article.cfm?page=4&amp;cid=4E2C0">CSS Technique for Tooltips</a></strong></p>
<p>CSS can create “faux tooltips” much the same as the JavaScript ones, but without all the (possibly) undesirable scripting. There are a few in’s and out’s involved, but surprisingly, the methods are rather easy to accomplish.</p>
<p><a href="http://www.communitymx.com/content/article.cfm?page=4&amp;cid=4E2C0"><img class="alignnone size-full wp-image-113" title="CSS Technique for Tooltips" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips22.gif" alt="CSS Technique for Tooltips" width="380" height="140" /></a></p>
<p><strong>23 &#8211; <a href="http://css.experiments.severnsolutions.co.uk/dhtml/tooltips/">Unobtrusive and Slightly Accessible CSS Tool Tips on Semi Transparent CSS Menus</a></strong></p>
<p>The scripts creates half-transparent tooltips with shadows.</p>
<p><a href="http://css.experiments.severnsolutions.co.uk/dhtml/tooltips/"><img class="alignnone size-full wp-image-114" title="Unobtrusive and Slightly Accessible CSS Tool Tips on Semi Transparent CSS Menus" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips23.gif" alt="Unobtrusive and Slightly Accessible CSS Tool Tips on Semi Transparent CSS Menus" width="380" height="140" /></a></p>
<p><strong>24 &#8211; <a href="http://mikecherim.com/experiments/css_menu_descriptions.php">CSS Menu Descriptions</a></strong></p>
<p>This is a CSS technique that could be useful if you want to give users accessible added content such as tool-tips, notifications, or alerts, without adding unnecessary clutter to your page. And since it doesn’t rely of JavaScript, it should be useful to everyone, even disabled users.</p>
<p><a href="http://mikecherim.com/experiments/css_menu_descriptions.php"><img class="alignnone size-full wp-image-115" title="CSS Menu Descriptions" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips24.gif" alt="CSS Menu Descriptions" width="380" height="140" /></a></p>
<p><strong>25 &#8211; <a href="http://mckay.cshl.edu/balloons3.html">Balloon Tooltip Demonstration</a></strong></p>
<p>The balloon.js package is written in object-oriented JavaScript and allows you to add configurable balloon tooltips (AKA popup balloons, bubbles, rollover tooltips etc., etc.) to your website. It was written for scientific web applications, such as <a href="http://gmod.org/wiki/Gbrowse" target="_blank">GBrowse</a> and <a href="http://www.wormbase.org/" target="_blank">WormBase</a>,  but is generic and portable to most websites.</p>
<p><a href="http://mckay.cshl.edu/balloons3.html"><img class="alignnone size-full wp-image-116" title="Balloon Tooltip Demonstration" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips25.gif" alt="Balloon Tooltip Demonstration" width="380" height="140" /></a></p>
<p><strong>26 &#8211; <a href="http://lixlpixel.org/css_tooltip/">lixlpixel CSS Tooltips</a></strong></p>
<p><a href="http://lixlpixel.org/css_tooltip/"><img class="alignnone size-full wp-image-117" title="lixlpixel CSS tooltips" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips26.gif" alt="lixlpixel CSS tooltips" width="380" height="140" /></a></p>
<p><strong>27 &#8211; <a href="http://lixlpixel.org/javascript-tooltips/">lixlpixel Javascript Tooltips</a></strong></p>
<p><a href="http://lixlpixel.org/javascript-tooltips/"><img class="alignnone size-full wp-image-118" title="lixlpixel Javascript tooltips" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips27.gif" alt="lixlpixel Javascript tooltips" width="380" height="140" /></a></p>
<p><strong>28 &#8211; <a href="http://www.mikezilla.com/exp0004.html">CSS Rollovers for Tooltips</a></strong></p>
<p><a href="http://www.mikezilla.com/exp0004.html"><img class="alignnone size-full wp-image-119" title="CSS Rollovers for Tooltips" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips28.gif" alt="CSS Rollovers for Tooltips" width="380" height="140" /></a></p>
<p><strong>29 &#8211; <a href="http://trentrichardson.com/examples/csstooltips/">CSS Bubble Tooltips</a></strong></p>
<p>Avoid cross-browser javascript when you can use css to make tooltips with less code.</p>
<p><strong><a href="http://trentrichardson.com/examples/csstooltips/"><img class="alignnone size-full wp-image-120" title="CSS Bubble Tooltips" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips29.gif" alt="CSS Bubble Tooltips" width="380" height="140" /></a></strong></p>
<p><strong><br />
</strong></p>
<p><strong>30 &#8211; <a href="http://psacake.com/web/jl.asp">Pure CSS Tooltips<br />
</a></strong></p>
<p><strong><a href="http://psacake.com/web/jl.asp"><img class="alignnone size-full wp-image-121" title="Pure CSS Tooltips" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips30.gif" alt="Pure CSS Tooltips" width="272" height="122" /></a></strong></p>
<p><strong><br />
</strong></p>
<p><strong>31 &#8211; <a href="http://fijiwebdesign.com/content/view/82/77/">CSS Tooltips</a></strong></p>
<p>Another solution, based only on CSS.</p>
<p><a href="http://www.fijiwebdesign.com/fiji-web-design-blog/css-tooltips-floating-html-elements.html"><img class="alignnone size-full wp-image-122" title="CSS Tooltips" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips31.gif" alt="CSS Tooltips" width="380" height="140" /></a></p>
<p><strong>32 &#8211; <a href="http://www.cssplay.co.uk/menu/balloons.html">Information Balloon PopUps</a></strong></p>
<p>Stu Nicholls delivers another CSS-based solutions.</p>
<p><a href="http://www.cssplay.co.uk/menu/balloons.html"><img class="alignnone size-full wp-image-123" title="Information Balloon PopUps" src="http://developersuite.net/wp-content/uploads/2009/11/tooltips32.gif" alt="Information Balloon PopUps" width="334" height="245" /></a></p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fdevelopersuite.net%2Ftooltips-scripts-ajax-javascript-css%2F&amp;linkname=Tooltips%20Scripts%20With%20AJAX%2C%20JavaScript%20%26%23038%3B%20CSS"><img src="http://developersuite.net/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://developersuite.net/tooltips-scripts-ajax-javascript-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.640 seconds -->
