News Feed
Sections




News Archive
Looking for more information on how to do PHP the right way? Check out PHP: The Right Way

CSS-Tricks.com:
Tracking Clicks, Building a Clickmap with PHP and jQuery
January 22, 2009 @ 12:03:11

On the CSS-Tricks.com website there's a new tutorial looking at heatmaps and how to make one for your site by combining PHP and jQuery.

The website will be built using PHP. We need PHP for a couple of reasons. Most importantly we need a server side language to deal with saving and retrieving from the database. [...] We'll be using JavaScript of the jQuery variety to track the mouse clicks and post that click data to the PHP file doing the database saving. jQuery will also help us display the overlay and place the little graphics we'll use to display the click locations.

The complete code - both PHP and Javascript - is included (and available for download too). The jQuery code makes the overlay on top of whatever page the visitor is on and, when they click on any location, an ajax request is sent back to the waiting PHP script. This request is parsed and dropped into the database. Another bit of Javascript code is used to drop the user click heatmap points out onto the page.

0 comments voice your opinion now!
heatmap css jquery tutorial user interface click


blog comments powered by Disqus

Similar Posts

Wes Ray's Blog: Configuring Fedora 12 PHP/MySQL Server with Nginx and reverse proxy to Apache

WebSpeaks.in: Cross Domain Posting using PHP and JavaScript: ITS POSSIBLE!

IBM developerWorks: U2 PDO Driver Tutorial, Parts 1 & 2

NETTUTS.com: Scanning Folders with PHP

Juan Treminio: Unit Testing with PHPUnit Tutorial Series


Community Events





Don't see your event here?
Let us know!


symfony language api series laravel install extension opinion introduction list podcast composer conference release community configure unittest voicesoftheelephpant version interview

All content copyright, 2015 PHPDeveloper.org :: info@phpdeveloper.org - Powered by the Solar PHP Framework