spacer

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

home / experts / javascript / column45


A DOM-Based Sliding Puzzle (2)

Developer News
News Flash: Adobe Has iPhone Workaround
Adobe's Flash 10.1 Goes Mobile (Minus iPhone)
A Salute to Visionary CEOs

The Puzzle's Architecture

The architecture of the puzzle is based on the DIV container (see sketch below). This container includes 11 HTML tags, numbered 0 to 10. The tag types are also shown in the sketch below. Every one of the nine playing positions is an IMG tag. To force the wrapping around of the images, we use the BR tag to break the current line and begin a new line. This is the reason why we put the two BR tags on the right hand side of the DIV container below.

http://www.internet.com

Produced by Yehuda Shiran and Tomer Shiran

internet.commediabistro.comJusttechjobs.comGraphics.com

Search:

WebMediaBrands Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs

webref The latest from WebReference.com Browse >
Building a Banking Application Home Page with OOP · Mixing Scripting Languages · Review: phpFox, a Social Networking CMS with all the Bells and Whistles
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Enterprise 2.0: Social Networking in the Cloud · BroadSoft Marketplace Hastens Pace of Telephony Innovation · Review: HTC Hero for Sprint


Created: August 2, 1999
Revised: August 2, 1999

URL: http://www.webreference.com/js/column45/architect.html