Feedback on: Dynamic Floating Tool Tips
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.
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
Worth:
Very worth reading
Length:
Just right
Technical:
Just right
Comments:
Best article & example on layers i've seen...
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>
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
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.
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.
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
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.
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?
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
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
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!!)
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.
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?