Resource Detail and Discussion #933


		Home \| Community \| Developer's Paradise User Groups \| Site Tools \| Site Information \| Search

Main Menu

Resource

DHTML Dialog Boxes

Categories...
Language
JavaScript
Product
IE4
Task
Form Enhancement, Menus/ Popups
Technology
Intrinsic Controls

Sponsored Links

Developer's Paradise : Inside Technique :
DHTML Dialog Boxes
Submission by Richard Him Lok

Go to the resource:
DHTML Dialog Boxes
Add to Assistant

Short Description
Add moveable windows that behave like modal dialog boxes to your forms.

Long Description
The DHTML Dialog Boxes code borrows code based on Scott Isaacs' DHTMLLib Windows code, and arose out of the need for modal-entry dialog boxes to be implemented on a form. As such, we can have moveable windows on top of a form that behave like modal dialog boxes, complete with input fields, an "Ok" and a "Cancel" button.

Author: Richard Him Lok
Date/ Version: 1/13/1999
Submission URL: http://www.SiteExperts.com/tips/elements/ts24/page1.asp
Submission Date: Jan 13,1999
Last Update: Jan 13,1999

Discussion and Rate this Resource
Overall Rating: 3.9

rjleurck on Nov 4, 1999 at 3:54:51 PM Rating: 1
Worthless. Open the demo in Navigator
fourtrackmind on Sep 2, 1999 at 1:36:44 PM Rating: 2
The only behavior of a modal dialog window in this demo is not losing focus to the main window right away. However, I had no problem entering data and pressing the submit on the main page despite the subwindow still being open, and then the subwindow just disappears. If you're scripting for IE only, might as well use the real showModalDialog (which still accepts CSS). Perty little mockup, but not very practical for web-based apps.
AxeHandle on Aug 3, 1999 at 8:55:21 AM Rating: 4

I like the concept and think that it would be quite useful. A few suggestions to make this better would be:

Create a DIV which spans the entire window, but has nothing in it and z-index above everthing but the dialog. This would simulate a modal dialog. (You would still have to hide the listboxes)

Make the entire title bar a span of 100% and use that to position the window.

Do not "delete" the select links, simply place them in a span and make them invisible, this way they do not change the layout. (This would only be needed if not using 1 above.
Portos on Jun 8, 1999 at 11:38:50 PM Rating: 4

Trés cool..

Very useful I found for feedback forms from a select group of people
hardywang on May 12, 1999 at 10:03:01 PM Rating: 4
very nice

More Ratings/ Comments

To rate and comment on a resource, you must first logon.

If you are not registered, please register yourself to become a member of the SiteExperts.community.

very nice