APE (Ajax Push Engine)

The core of APE is an epoll-driven HTTP server, entirely written in C, which provides patterns such as XHR long-polling (cross browser), forever frame and many more.

The other part of APE is the Javascript Framework based on MooTools which deals with the APE protocol. On the other hand, users can decide what Javascript framework they want to develop with.

APE only uses web standards, no plugins are needed to be installed on the browsers & it works with all browsers.

It is possible to create various multi-user applications with APE as it can broadcast to hundreds of users with ease.

With a module support (currently with C but PHP support is on the way) the application can be extended & customized more.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Mootools Star Rating With Rabid Ratings
• Moo.rd: Lightweight JavaScript Library Based On Mootools
• JavaScript Widgets Library: Meteora
• Flexible Ajax Image Gallery: Imago
• Attractive Calendar Application With Mootools

Drag’n drop generally looks hard-to-apply but it is definitely not by using JavaScript frameworks. Here is, how it is done by using jQuery & jQuery UI:

The Database:

We create a simple database as below:

The most important column in the database is recordListingID which shows us the order of the records.

This feature can be applied to any table by adding such a column to it.

The HTML:

We’ll be using an unordered list that is generated from a PHP query that lists the items according to the recordListingID value mentioned above.

Here it is:

</p>
<div id="contentLeft">
<ul>
    <li id="recordsArray_&lt;?php echo $row['recordID']; ?&gt;">&nbsp;</li>
</ul>
</div>
<p>

The JavaScript:

We will be using jQuery UI’s sortable plugin.

 <script type="text/javascript">
$(document).ready(function(){ 

	$(function() {
		$("#contentLeft ul").sortable({ opacity: 0.6, cursor: 'move', update: function() {
			var order = $(this).sortable("serialize") + '&action=updateRecordsListings';
			$.post("updateDB.php", order, function(theResponse){
				$("#contentRight").html(theResponse);
			});
		}
		});
	});

});
</script> 

We made the unordered list inside #contentLeft a sortable item, used the serialize function of jQuery to create the array and posted it to updateDB.php.

The PHP:

After posting the array of "new order of the items" to updateDB.php, we must run a query to update our database that will reflect the last positions of every item:

<?php
require("db.php");

$action 				= $_POST['action'];
$updateRecordsArray 	= $_POST['recordsArray'];

if ($action == "updateRecordsListings"){

	$listingCounter = 1;
	foreach ($updateRecordsArray as $recordIDValue) {

		$query = "UPDATE records SET recordListingID = " . $listingCounter . " WHERE recordID = " . $recordIDValue;
		mysql_query($query) or die('Error, insert query failed');
		$listingCounter = $listingCounter + 1;
	}

	echo '<pre>';
	print_r($updateRecordsArray);
	echo '</pre>';
	echo 'If you refresh the page, you will see that records will stay just as you modified.';
}
?>

You can see that this is the easiest part. We handled the array as $updateRecordsArray and used it inside a for each statement.

With a new variable named $listingCounter, while the for each statement runs, we have updated the values of recordListingID column of every item in the database with $listingCounter values. And that’s it.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• MachForm: Self-Hosted HTML Form Builder / 3 Licenses Giveaway
• MachForm: HTML Form Builder / Winners Of The Free Licenses
• Voice Enabled Powerful Web Chat Software: Ajax Chat
• Smoot: Ajax Diagram And GIS Tool
• PHP Shoutbox Script: wTag

With a very simple interface, it enables you to:

• Create categories (lists)
• Add e-mails to categories
• Send e-mails to any category and/or e-mail
• View the previously sent e-mails

It uses 1 PHP file & comes with a .SQL file for creating the necessary tables in MySQL.

To mention, the script is only the admin interface. If needed, you can create a front-end for users who want to subscribe to a newsletter by inserting their e-mails to the related categories.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Voice Enabled Powerful Web Chat Software: Ajax Chat
• Smoot: Ajax Diagram And GIS Tool
• PHP Shoutbox Script: wTag
• PHP – Ajax Chat Application: Mia Chat
• Open Source Project Management Software: Collabtive

The tooltips are very flexible and can be triggered in various ways.

Every tooltip, by default is displayed at the side of an element where there is more space. But the position can also be forced.

Content can be hard-coded, called from an attribute or with an Ajax request.

The look & feel of the tooltips can be totally customized considering they are canvas elements.

BeautyTips works in all major browsers, including iPhone (requires ExplorerCanvas for IE).

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• What You See Is What You Ajax: WaveMaker
• Tooltips Over Images With Tipmage
• Tiny Html (WYSIWYG) Editor: NicEdit
• Simpletip – A Flexible jQuery Tooltip Plugin
• Practical Non-Ajax Image Gallery: easyAlbum

It is a powerful base for creating complex / customizable websites quickly.

JPolite seperates content, appearance and behavior. And, it makes turning a content module into tabbed or accordion presentations very easy.

Some examples of the ease it provides:

• A form with class="ajaxform1 will automatically turned into an Ajaxed form.
• Any link with class="thickbox" will be displayed in Thickbox & more.

To check this interesting project, click here.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• What You See Is What You Ajax: WaveMaker
• Tooltips Over Images With Tipmage
• Tiny Html (WYSIWYG) Editor: NicEdit
• Simpletip – A Flexible jQuery Tooltip Plugin
• Practical Non-Ajax Image Gallery: easyAlbum

It can display any type of HTML objects:

• with Ajax requests
• by showing a hidden DOM element
• as a gallery
• forms, iframes..

Besides the features mentioned, you can target the content inside an Ajax request or a form, resize the modal window from an Ajax request & more.

On every event, like showing or hiding the modal box, any animation can be defined too.

The plugin is very well-documented & presents various examples.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• What You See Is What You Ajax: WaveMaker
• Voice Enabled Powerful Web Chat Software: Ajax Chat
• Tooltips Over Images With Tipmage
• Tiny Html (WYSIWYG) Editor: NicEdit
• Sortable And Editable Tables (With Ajax)

Tooltips can be attached to any element & easily styled in means of presentation & positioning.

The tooltips can be static, dynamic or loaded via Ajax. And, any combination of effects can be applied to make them more attractive.

Simpletip provides various options for max. customization. The plugin is well-documented & provides examples.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• What You See Is What You Ajax: WaveMaker
• Tooltips Over Images With Tipmage
• Tiny Html (WYSIWYG) Editor: NicEdit
• Practical Non-Ajax Image Gallery: easyAlbum
• PHP Shoutbox Script: wTag

It offers a wide-selection of preloaders. Besides the most popular images there are fresh ones, including 3D preloaders.

You can mention:

• background colors (transparent support)
• foreground colors
• sizes
• speed of the animation

for creating a customized Ajax preloader image.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• What You See Is What You Ajax: WaveMaker
• Voice Enabled Powerful Web Chat Software: Ajax Chat
• Tooltips Over Images With Tipmage
• Tiny Html (WYSIWYG) Editor: NicEdit
• Sortable And Editable Tables (With Ajax)

APIs included are:

• Visualization
• Search
• Language
• Blogger Data
• Maps
• Earth
• Feeds
• Calendar Data

All functions of the APIs have well-commented examples that you can modify & run.

Besides playing with the codes, you can login with a Google account & save the code you created for future use.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Google AJAX Translation API
• Ajax Libraries API From Google
• What You See Is What You Ajax: WaveMaker
• Voice Enabled Powerful Web Chat Software: Ajax Chat
• Universal Embedding API: oEmbed

Winners are selected & announced at the bottom of the post.

To remind, what is MachForm?

It is a  HTML form builder that you can install it under any website, comes with full PHP source code & uses MySQL for storing data.

It simply makes these processes very easy:

• creating forms
• collecting data
• analyzing & exporting the data

It is a flexible application which you can create almost any type of forms & style them to fit your needs.

Here are the winners?

• Victor (comment #33551)
• advative (comment #33673)
• Jerry82 (comment #33488)

Congratulations to the winners, they will be contacted by MachForm staff shortly and thanks to everyone for joining this giveaway.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• MachForm: Self-Hosted HTML Form Builder / 3 Licenses Giveaway
• Voice Enabled Powerful Web Chat Software: Ajax Chat
• Smoot: Ajax Diagram And GIS Tool
• PHP Shoutbox Script: wTag
• PHP – Ajax Chat Application: Mia Chat