spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

home / experts / dhtml / column4
Developer News
Jim Zemlin: The New Center of Linux Gravity
Microsoft's Novell Investment Tops $340M
Fedora 10 Takes Shape
Logo

Database Front End:
using DHTML for client-side storage and display

The web is becoming more and more a conduit for data. Lists abound everywhere we click: Commerce, white pages, yellow pages, libraries, search results. The list of lists, is, of course, endless.

For the user, lists imply: scrolling and server connections.

Dynamic HTML allows us to minimize or even totally avoid either or both of the above. With DHTML's ability to dynamically change content, we can update the screen information instead of including it all at once with scrollbars. In the same way, by displaying only part of the downloaded information at any one time, we can reduce the required internet connections.

We will create a simple client-side database display system, one that can be easily expanded. It may serve as the basis for possible future columns.

All the techniques used, we already know from previous columns:
If you are using a non-dynamic browser you will not be able to experience text updating, just images, but you may follow the tutorial.

We will create the following database front end with 5 records. Click the next/previous buttons to move between records.

Sampling Code Number: CYNIC-001
Catalog Number: F67-94-4/17
Provenance: Filia
Chronology: Neolithic II / 5000-3750
Style-Typology: Dark on Light
Shape: open-shape
Previous Sampling Next Sampling

The above example is an excerpt from
http://www.archaeometry.gr, ©1997 Thetis Hellas Ltd. This site is presently Netscape 4-specific and under construction. It may be visited for a taste of what is possible with Dynamic HTML in the real world. The site is a presentation of scientific research results.

Our example can be used for a variety of applications, including: addresses, book catalogs, employee records, and the like.

First of all, however, we must create our database.

Produced by Peter Belesis and



JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

webref The latest from WebReference.com Browse >
Simple Comments Meets OpenID · Primitive Data Types, Arrays, Loops, and Conditions: Part 3 · How to Create an Ajax Autocomplete Text Field: Part 11
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
eBay Finagles Fixed-Price and Final Value Fees, Cuts Paper Payments · SqlCredit, Part 18: Exploring the Performance of SQL 2005’s OUTPUT Clause · Epson Rolls Out Printers for the Smallest SMBs

All Rights Reserved. Legal Notices.
Created: 09/09/97
Revised: 09/28/97

URL: http://www.webreference.com/dhtml/column4/