On May 2, 4:31 pm, Ben C <spams...@[EMAIL PROTECTED]
> wrote:
>
>
> Easily done.
I found this code at http://colorado-springs.pm.org/balloonHint.html
but the site doesn't seem to provide a working example!
> Don't use a real modal window, instead use a "Web 2.0 popup".
Yeah, something like that Kontera in-line text stuff, except totally
client-side...hmmm, actually, that Kontera stuff can be annoying,
too...better switch back to onClick, since onMouseOver can be
accidental...what I will do with an onMouseOver, however, is make the
"link" or "linking/summoning element" get highlighted, as if
"warning"...good idea, you think? This way, it's not "in-your-
face"...don't want to be in-your-face to my visitors, even if it's
relevant information....
> Get a DIV, give it a transparent background and a background image that
> looks like a speech bubble, with transparent pixels around its rounded
> corners. Make the DIV visibility: hidden.
>
> Then use JS to change it to visibility: visible when you want it to pop
> up. The rest of the page won't be frozen.
Thanks, that sounds like a plan! I don't see the concrete steps
involved due to my present technical limitations, but the broad
contours of your suggestion sound like something I can learn to
achieve!
> Fading away can be done but is a bit more tricky. You'd need to set the
> element's opacity gradually from 1.0 to 0.0 before making it visibility:
> hidden when it reached 0. For that you use setInterval (or setTimeout
> but I prefer setInterval). I think we explained this the other day.
Indeed, for which I am very grateful -- I am able to make text fade
in, now...ideally the whole "box" or "balloon" should fade in, but the
text itself fading in is impressive and very nice. Then again, maybe
one fade effect is plenty -- maybe instead of fade-out the balloon or
box should just disappear ASAP....
|
