09.30.2009 Using jQuery to Reorder a List and Update a Database

Using jQuery to Reorder a List and Update a Database

This tutorial will show you how to use jQuery to allow as list (UL) to be reordered and will also make an AJAX call to a PHP file that will update the database when an item is dropped. I found this useful for a project I was working on recently. The user wanted to be able to change the order that categories displayed in a report. The items are stored in a database with a field called display_order. When the report is generated we simply order by that field.

Posted in AJAX,PHP Tutorials,Web Development Tutorials by John Ward
08.25.2008 Simple PHP Website Templates

Simple PHP Website Templates

So you have a basic HTML site with 100 pages, what happens when you want to change the title tag? Well, if you aren’t using PHP includes, you will have to update each file. Wouldn’t it be nice if you could make the change to one file and it would update every page? That is what we will accomplish with our basic PHP template tutorial.

Posted in HTML Tutorials,PHP Tutorials,Web Development Tutorials by John Ward
07.27.2008 Hide and Show a Div Using Javascript

Hide and Show a Div Using Javascript

This tutorial will show you how to create a hidden Div and display it with the click of a link. There are a few reasons you may want to hide a Div in a website design. You may want to create a drop down type menu or a box that will show more information when you click a link. Another reason would be for SEO purposes. In theory hiding information in a Div is not against Google’s rules. As long as the user can still see the content when clicking a button you are not displaying different information to the user than you are to the search engine.

Posted in HTML Tutorials,JavaScriptTutorials,Web Development Tutorials by John Ward
06.16.2008 Styling HTML Tables with TableCloth

Styling HTML Tables with TableCloth

In this tutorial I will show you how to apply some simple style to your tables by applying the TableCloth style sheet and JavaScript file. TableCloth is a free, light way, way to add style to existing HTML tables. It only required two lines of code added to your table. With table clothe you can also modify how the HTML tables react to your input by changing the JavaScript file.

Posted in CSS,HTML Tutorials,Web Development Tutorials by John Ward
06.08.2008 Installing Code Editor

Installing Code Editor

This tutorial will walk you through installing Crimson Editor (Emerald Editor) which will allow you to work with many types of codes files including PHP, HTML, DHTML, XML, and many more.

Posted in Software Tutorials,Web Development Tutorials by Mike Maguire