Do you have a question? Post it now! No Registration Necessary. Now with pictures!
February 28, 2007, 2:00 am
rate this thread
[NB: please let me know if there's a better forum than this one to
post this question to.]
The Gmail interface makes heavy use of "clickable elements" that
are not of the kind one normally encounters (such as <button ...>,
or <a ...>, or <input type=submit...>, etc.) For example, when one
views Gmail's "inbox", right above the messages one reads "Select:",
in black, followed "All, None, Read, Unread, Starred, Unstarred"
in blue. Each of these words in blue is clickable, and is an
example of what I'm calling here a "pseudobutton".
As far as I can tell, these pseudobuttons are obtained with HTML
that looks, in essence, like this:
plus some CSS like this:
But there's got to be more to it than this. When I code the above,
the results do look quite similar to Gmail's, but when I click this
pseudobutton (which duly triggers the associated action), usually
an *insertion bar* is left behind, somewhere in the pseudobutton's
text. For instance, if I hit the "None" pseudobutton, I may end
up with something that looks like "Non|e", where the '|' stands
for the insertion bar.
How does Gmail's pseudobuttons prevent the insertion bar from
appearing after they're clicked?
Thanks in advance!
NOTE: In my address everything before the first period is backwards;
and the last period, and everything after it, should be discarded.