Home Home Home Submit Home Contact Home Advertise Home Donate

Latest Tutorials and Scripts

Cross Browser DHTML Modal Dialogs For Web Apps
The subModal works by placing a semi-transparent div over the browser, blocking access to the content below while still providing visibility. This maintains state and doesn’t make someone feel disoriented or lost by moving them completely to another page. Their frame of reference is kept while allowing them to perform a new task (usually closely associated with the content below).
Windows | 16 Dec 2006 | 197 | 0 Comments

Lightbox using iFrames instead of AJAX
Particle tree's hack of Lightbox allows other content besides images to be put into a Lightbox, but it uses AJAX to pull the content into the box. For my purposes this is overkill because an AJAX call is loading an iFrame which results in 2 HTTP requests and for forms inside a lightbox this won't function the way I want. I want the form to act separately from the current page so the user will not be redirected when the form is submitted. To me this gives the UI a smoother feel.
Windows | 04 Nov 2006 | 168 | 0 Comments

DHTML modal dialog script
This script displays a modal message at the center of the screen. All other page controls are disabled until the message is closed. You can choose between displaying static content inside the message box or content from an external file.
Windows | 07 Sep 2006 | 219 | 1 Comments

Prototype Window Class
This javascript class allows you to add window in a HTML page.

This class is based on Prototype. The code is inspired by the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file , but it's not mandatory.

It has been tested on Safari, Camino, Firefox and IE6.
Windows | 07 Sep 2006 | 198 | 0 Comments

Simple DHTML window
This is a DHTML script that animates small browser windows. Use the mouse to move and resize the windows. Cookies are used in this script to remember size, positions and window state(minimized or maximized).
Windows | 04 Jul 2006 | 292 | 0 Comments

DHTML window with tab support
This is a cross browser DHTML window script with support for tabs. It kind of works like the inspectors in Adobe Photoshop. It use cookies to remember size, positions, active tab and window stack order. In the demo, try to move and resize some of the windows. Then refresh the page.
Windows | 04 Jul 2006 | 92 | 0 Comments

Bride of Windows
This article looks at building dynamic displays that provide a window for content. These windows can manipulated dynamically by the user, either by dragging or using a set of control buttons.
Windows | 26 Jun 2006 | 134 | 1 Comments