By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,723 Members | 1,655 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,723 IT Pros & Developers. It's quick & easy.

Q re Gmail's "pseudobuttons"

P: n/a
kj


[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()">
All
</span>

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!

kj

--
NOTE: In my address everything before the first period is backwards;
and the last period, and everything after it, should be discarded.
Feb 28 '07 #1
Share this question for a faster answer!
Share on Google+

This discussion thread is closed

Replies have been disabled for this discussion.