html - Team Tutorials

Using jQuery to Reorder a List and Update a Database

Posted by John Ward on Sep 30, 2009 in AJAX, PHP Tutorials, Web Development Tutorials | 38 comments

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.

How to Return MySQL Results to a Table

Posted by John Ward on Mar 30, 2009 in PHP Tutorials, Web Development Tutorials | 23 comments

This question has been asked several times lately and I wanted to clear this up. This is a very easy concept once you get it down. In order to display the results from a MySQL query into a table will will store the results in an array and then echo out each row in a while loop.

Simple PHP Website Templates

Posted by John Ward on Aug 25, 2008 in HTML Tutorials, PHP Tutorials, Web Development Tutorials | 25 comments

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.

JavaScript Progress Bar

Posted by Mike Maguire on Aug 12, 2008 in HTML Tutorials, JavaScriptTutorials | 2 comments

This tutorial will walk you through Configuring a javascript based progress bar that can triggered by several things. You could have it triggered by how many results are pulled back from a database, or you could have it triggered by the length of a textbox (passwords), or even trigger it by checkboxes that are checked.

Hide and Show a Div Using Javascript

Posted by John Ward on Jul 27, 2008 in HTML Tutorials, JavaScriptTutorials, Web Development Tutorials | 27 comments

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.