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
Line 18: Line 18:
* http://digg.com/ - make sure to be logged out if you have an account, and click the Login button
* 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
* http://newsvine/ - make sure to be logged out if you have an account, and click the Log In | Register link
* http://www.bahn.de/ - Login link is rightmost in main navigation bar - funny handling of focus order, skipping positions, at times keyboard trap


=== Other Dialogs ===
=== Other Dialogs ===

Revision as of 13:03, 17 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
  • http://www.bahn.de/ - Login link is rightmost in main navigation bar - funny handling of focus order, skipping positions, at times keyboard trap

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