Q re Gmail's "pseudobuttons"

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

[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:

  <span class="some_class" id="some_id" onclick="javascript:some_handler()">

plus some CSS like this:

  .some_class {
    color: #0000CC;
    cursor: pointer;
    white-space: nowrap;

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.

Site Timeline