A user account is required in order to edit this wiki, but we've had to disable public user registrations due to spam.

To request an account, ask an autoconfirmed user on Chat (such as one of these permanent autoconfirmed members).

Dialogs: Difference between revisions

From WHATWG Wiki
Jump to navigation Jump to search
(→‎Lightboxes: Added link to Flickr Photo page and instructions for invoking Lightbox.)
Line 26: Line 26:
=== Tooltips ===
=== Tooltips ===


The tooltips in the table of [http://bioinfo-prod.mpl.ird.fr/xantho/x.org/gui/seqterm.php] are interesting because they are currently <div>s and force the parent to be a TD rather than a TH since TH is inline only, even though the visible content is really just phrasing content.
* The tooltips in the table of [http://bioinfo-prod.mpl.ird.fr/xantho/x.org/gui/seqterm.php] are interesting because they are currently <div>s and force the parent to be a TD rather than a TH since TH is inline only, even though the visible content is really just phrasing content.


GMail's contacts list has rich tooltips.
* GMail's contacts list has rich tooltips.


=== Lightboxes ===
=== Lightboxes ===

Revision as of 23:15, 16 June 2011

Problem statement

There's no markup or API for dialog boxes, tool palettes, hovering tooltips, the contents of popup widgets, and the like.

Real world examples today

Dialogs

Registration Dialogs

  • http://www.reddit.com/ - make sure to be logged out if you have an account, and click the register link
  • http://digg.com/ - make sure to be logged out if you have an account, and click the Join Digg! button
  • http://slashdot.org/ - make sure to be logged out if you have an account, and click the Join link

Login Dialogs

  • http://slashdot.org/ - make sure to be logged out if you have an account, and click the Log In link
  • http://digg.com/ - make sure to be logged out if you have an account, and click the Login button
  • http://newsvine/ - make sure to be logged out if you have an account, and click the Log In | Register link

Other Dialogs

  • http://www.kongregate.com/ - register for account, log in, click Get Kreds, click Fund Your Account button
  • GMail - Click "more" on the left, then Create New Label.

Tooltips

  • The tooltips in the table of [1] are interesting because they are currently <div>s and force the parent to be a TD rather than a TH since TH is inline only, even though the visible content is really just phrasing content.
  • GMail's contacts list has rich tooltips.

Lightboxes