Advertise here with BSA

APE (Ajax Push Engine) is an open source solution which is designed to push real-time data with only JavaScript on the client side.

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:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

After publishing ScheduledTweets yesterday, I received e-mails asking "how the drag’n drop & saving the new positions to the database was working".

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:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

This is a free Ajax newsletter script that is built with PHP & jQuery.

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:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

BeautyTips is a jQuery plugin which draws tooltips in realtime using the canvas element.

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:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

JPolite is a lightweight portal framework, built with jQuery, for creating Netvibes-like interfaces.

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:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

NyroModal is a very flexible & customizable jQuery plugin for creating modal windows easily.

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:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

Simpletip is a fresh & lightweight jQuery plugin for creating flexible tooltips.

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:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

Preloaders.net is a free web-based service for creating Ajax preloader images.

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:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

AJAX APIs Playground, a web-based application that runs on Google’s App. engine, enables you to learn & test APIs of Google products.

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:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

Last week, a post at WebResourcesDepot had announced the giveaway of 3 MachForm, a self-hosted HTML form builder, licenses ($39/license).

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:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)