Home Articles FAQs XREF Games Software Instant Books BBS About FOLDOC RFCs Feedback Sitemap
irt.Org

Feedback: Dynamic Floating Tool Tips

Feedback on: Dynamic Floating Tool Tips

Sent by Robert E. Boughner on January 19, 2000 at 12:43:25: - feedback #748

Worth:
Very worth reading

Length:
Just right

Technical:
Just right

Comments:
I feel that this article gave a good discussion of the differences between Netscape 4.x and Internet Explorer 4.


Sent by Geert Vanden Broeck on January 24, 2000 at 09:27:59: - feedback #758

Worth:
Very worth reading

Length:
Just right

Technical:
Just right

Comments:
Very good article, but my version of IE5 (5.00.2314.1003) does not show any of the examples 14 and 15. Perhaps this is due to the 'event' parameter that is badly interpreted in the showByPosition() function.

BTW: the working example http://www.irt.org/articles/js202/example.htm was 404... :-((

Greetings,

Geert


Sent by ysu on February 01, 2000 at 08:04:56: - feedback #779

Worth:
Very worth reading

Length:
Just right

Technical:
Just right

Comments:
Best article & example on layers i've seen...


Sent by Tasha on February 17, 2000 at 12:08:37: - feedback #828

Worth:
Worth reading

Comments:
I'm having a problem implementing this code. I'm running Windows NT. I followed the tutorial for Dynamic Floating Tool Tips and everything worked perfectly, until I got to Embedding Table Cell in a Layer part. I have NN4.7 and IE5.0. Here's the deal--I copied the code exactly as written. When viewed in IE, it works exactly as it does in the example. I get the red box with text just under my link in the table. However, in NN, I get balck text, about twice as far under the link, and no red box. What I don't understand is that I'm copying it from your page while viewed in NN, and your example works fine in NN. I don't understand why mine doesn't. It even previews correctly in Adobe GoLive's preview function. I've copied my source code for the file below. If you can, PLEASE let me know what in the world is wrong, as this is the exact feature I want to implement on my site.

Thanks!
Tasha
========================>
source:
========================>
<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 4">
<title>Welcome to Adobe GoLive 4</title>

<script language="JavaScript">
</style>

</head>

<body bgcolor="white">

<hr>
<table width="100%" border="1"><tr><td width="50%"> </td><td width="50%">

<center>

<p>
blah blah
<br>
blah blah

<a href="nextpage.htm" onMouseover="showByEvent('myLayer14',0,15,event)" onMouseout="hide('myLayer14')">example 14</a>

blah blah
<br>
blah blah
</p>

</center>

</td></tr></table>

<span id="myLayer14" class="absolute">
<table class="redtable"><tr><td><div class="color:#ffffff">Some text within a layer</div></td></tr></table>
</span>
<hr>

</body>

</html>



Sent by nicholas tolson on March 14, 2000 at 07:56:42: - feedback #926

Worth:
Very worth reading

Length:
Just right

Technical:
Just right

Comments:
FYI, example 14 and 15 do not work on the Mac using IE4.5. Also, on your example page, the layers are not repositioned in relation to the side of the browser window in IE4.5 on a Mac.

jtnt



Sent by Mal Ross on March 30, 2000 at 06:54:40: - feedback #1021

Worth:
Very worth reading

Length:
Just right

Technical:
Just right

Comments:
The article is great and has enabled me to do something I've been trying to do for quite a while. What makes it stand out from so many similar articles on the web is that it really pays attention to compatibility across all browsers. Excellent.

However, I suspect the article was written before IE5 was released and now needs updating. The positioning of tooltips relative to a given event no longer works correctly in IE when the window is scrolled. The more you scroll, the closer to the start of the document the tip appears.


Sent by keith donovan on May 09, 2000 at 10:57:28: - feedback #1198

Worth:
Very worth reading

Length:
Just right

Technical:
Just right

Comments:
Ok, I just sent in a comment asking for this information. This article was pretty good, it will take a bit of time to modify it for what I want but this goes along way towards showing me how.


Sent by Nick Jensen on June 28, 2000 at 15:25:15: - feedback #1437

Worth:
Very worth reading

Comments:
This article was excellent. However, I found that when linking the absolute layer to the relative layer to prevent the tool tip from going to the upper left hand corner of the page, it doesn't really work as well as I thought. When viewing my site on IE 5.0 for mac, the tool tips positioned themselves all over the screen, even dispacing subsequent text, and when I resize my browser window in IE 5.0 for windows, the tool tip does not stay positioned. I have to refresh the screen at the new browser size for it to reposition itself correctly. If there is a solution to this problem I would really appreciate hearing it.....thx


Sent by Rick on September 13, 2000 at 07:18:15: - feedback #1748

Worth:
Very worth reading

Comments:
This article, as well as every article that I have read on your site, is not only excellent and COMPLETE, but is vastly superior to any other site I've found.

There is no "half way" about it, everything I wanted to know is right here. All of the other "tutorials" I've seen on any subject, are more "toot" than "torial" :^ )

Thank you indeed for your work and this great site. It IS appreciated.

Rick.


Sent by Jeroen Baas on October 07, 2000 at 17:39:38: - feedback #1835

Worth:
Very worth reading

Comments:
Very Cool article, I used parts of it to create a tutorial for a Application Broker program...
But one thing: I tried these features with Netscape 6pr3, but none of the examples in the article work on this browser...is this because it's not implemented yet in the browser, or is this because the code needs to be adjusted to fit the new netscape browser?


Sent by . . . s k i n on October 21, 2000 at 04:37:31: - feedback #1896

Comments:
About
http://tech.irt.org/articles/js202/index.htm

The script (referring to example 15) has a bug in it, which i haven't been able to solve.

When the page get's too long, hence becomes scrollable, it seems the ToolTip gets an ever increasing offset to the top of the page; this results in the following effect:

When adding content, at some point you see the tooltip starting to float above the link, adding more text means, the tip floats higher above the link, and at some point it dissapears from the page (it is shown, but displayed in that portion which is invisible, because you scrolled down).

It seems this is an IE 5> only problem, in NN4> it functions properly.

I found an easy solution for the purpose i need the script by just fixing the location of the Tooltip in the left-bottom corner.

However, i guess for a more dynamic solution, one needs to use the position of the link and make a calculation based on the visible portion of the page (clientheight or something like that). Did not try yet.

Hope the above makes at least a bit sense...

. . . s k i n


Sent by . . . s k i n on October 21, 2000 at 04:48:13: - feedback #1897

Comments:
About Document height:

http://developer.irt.org/script/1400.htm

What i need is a way to measure the height of the entire document, thus all that is visible + all that is not visible (ie the part which is hidden because it does not fit; the part where you have to scroll down to).

I tried:

// * undefined alert(document.body.document.height);
// * undefined alert(document.body.height);
// * undefined alert(document.body.innerHeight);
// * undefined alert(document.height);
// * VALUE alert(document.body.offsetHeight);
// * alert(document.body.scrollHeight);
// * undefined alert(document.body.all.scrollHeight);
// * VALUE alert(document.body.clientHeight);

And a couple of other combinations, but none of them returns the value i need. Do you know how to get the total height of the page?

tnx,

. . . s k i n


Sent by Andrew Grosset on November 09, 2000 at 19:41:04: - feedback #1980

Worth:
Very worth reading

Length:
Just right

Technical:
Just right

Comments:
Hi Martin, very useful but what I would really like to achieve is shown here: http://www.resaleweekly.com/search1.cfm

this toolbar is excellent...could you show a way to produce drop down links like that? It's definitely the best I've seen...

Andrew Grosset,
Grande Prairie, Canada.
(-10c, Snow and VERY DRY!!)


Sent by olivier Dulac on June 02, 2001 at 03:29:35: - feedback #2796

Worth:
Very worth reading

Length:
Just right

Technical:
Just right

Comments:
There is a problem!

the last 2 examples doesn't show the floating tip, on
my windows Internet Explorer version: 5.50.452.1800
with update: SP1
on a Windows 98SE
(and a lot of the ones supposed not working on IE4 are working on this IE5.5)

But the article was very worth reading and I think this is just an error as the last example (on the following page, recapitulating and showing a complete exemple) works fine.

Keep up the good work,

olivier.




Sent by mypsycho on July 24, 2002 at 21:57:05: - feedback #4026

Worth:
Very worth reading

Comments:
Very helpful. However, I am using Netscape 4.7 and IE 5.5 With IE 5.5, it work fine, but most examples do not work with Netscape. Why is that?


©2018 Martin Webb