DHTML baloon help? 1

[Rydel]

I don't feel like re-inventing the wheel. Are there some ready-to-use DHTML scripts to show baloon help like those little "yellow balloons" that you get if you specify title attribute of an element (it's just I want something that can understand formatted text). Thanks a lot in advance! ---

http://www.geocities.com/rydel23/

---

 

[starfishh]

i dont know if they have one but you could try

http://www.javascriptsource.com

(i think thats the url)


you said NetWhat?

 

[starfishh]

sorry try this...

http://javascript.internet.com

:-D you said NetWhat?

 

[jaredn]

you should ask these questions in the Javascript Forum:

http://www.tek-tips.com/gthreadminder.cfm/lev2/4/lev3/32/pid/21

jared@eae.net -

http://webfx.eae.net

 

[jaredn]

But you can try:

http://webfx.eae.net/dhtml/tooltip/tooltip.html

jared@eae.net -

http://webfx.eae.net

 

[Rydel]

jaredn,

1) that was precisely what i needed. thanks a lot! very nifty.
2) i am aware of the existence of javascript forum. it's just dhtml is still html, even if it is dynamic so i thought that it would be more appropriate to post it here.

starfishh,
i know about that site. unforutnately it has only simple stuff (or, whenever, it is not simple, it's usually not very useful ). i used to go to that javascript.internet.com during my first month of studying javascript, but it's not useful for anything more advanced.

---

http://www.geocities.com/rydel23/

---

 

[jaredn]

Just for the record, having spoken to the owner / staff on this forum, all DHTML questions should go into either the:

Javascript or
VBScript

forums. This forum is reseverved for static HTML and CSS. I know you didn't know, so don't worry about it.

Hope you enjoy WebFX. jared@eae.net -

http://webfx.eae.net

 

[Rydel]

jaredn, i see you point, thanks for clarifications. btw, i found one more variant of the baloon

http://www.bosrup.com/web/overlib/

not bad at all. ---

http://www.geocities.com/rydel23/

---

 

[WebGodiva]

you can also use

http://www.dynamicdrive.com

and

http://www.brata.com.

Hope this helped!

 

[Rydel]

Jaredn,

I looked at the source code of both scripts (yours and that other one I mentioned in my previous post, overlib). Yours is definitely much better. It does the job while being almost 10 (ten!) times smaller than the other script (4KB vs 37KB), and it is even more flexible (allowing for any html markup). Now there is only one little glitch I noticed (looking at it in IE5.0 and IE5.5). If you scroll the page the location of the tooltip gets out of sync sometimes. It seems to stay more and more up and away from the element as I scroll down. Did you have this kind of weird behavior?

I wonder what happens. I saw two possible cause of error. I think one possible scenario is that when I scroll by grabbing the scroll bar with the mouse, this function

function document.onmousemove() {
	x = window.event.x;
	y = window.event.y;
}

doesn't get called. Is scrollbar a part of the document, i.e. does onmousemove gets fired if you have your mouse moving over scrollbars? Similarly if I just press PageDown on the keyboard this funcrion never gets called and we get wrong coordinates. Right?

The other possibility is that you don't account for scrolling correctly in getDirection() function. I got a bit lost there. Particularly, I don't understand this:

if (toolTipTop + toolTipHeight - scrollTop > pageHeight) {
			internalTooltipSpan.style.top = toolTipTop - toolTipHeight - 22;
			return 8;

Why -22? and why returning 8? I figured this dir value is used for swiping/fading functions, but I don't have those. I got a bit lost there. Do you think there could be something wrong there that prevents the tooltip getting the correct y coordinate? Thanks a lot in advance!

P.S. I wonder if it depends on what code I have on the page. In case it does, please go to

http://www.geocities.com/rydel23/links.htm

page. You'll get to the links page which has your baloon tooltips. Thanks again!

---

http://www.geocities.com/rydel23/

---

 

[Rydel]

2Webgodiva: Brata turned out to be some german food chain site. are you sure about the url? And DynamicDrive is cool . ---

http://www.geocities.com/rydel23/

---

 

[shmmeee]

Rydel: I think WebGodiva means

http://www.bratta.com