<tr><td><a href onMouseOver="showmenu('menu0')" onMouseOut="showmenu()">Lorem ipsum</a><span id="someSpan1" style="position:absolute">.
<div id="menu0" style="position:relative; top:-20px; left:0px; width:80px; visibility: hidden; z-index:1">
- Show me the first layer.
</div></span></td></tr>
Above is a script that works in MS 5+, but it does not work in NN7.
I have a span tag on a period "." with position:absolute and then a div tag with position:relative. (The script to show/hide works on all browsers when I have position:absolute for both the span and div tags - I don't think that is the problem).
Can someone help out with this one?
Many thanksCould you post a link to the JavaScript code or post the JavaScript itself? Do you get JavaScript errors in Netscape, and if so what are they?They are not errors. The problem is: The div does not show onmouseover. If I use position:absolute, then the div will show, but not if I use position:relative. (It works fine in IE5+, but not NN7).
I have a scrolling menu (in an iframe) and I would like to have a div show on onmousover right at the end of ease menu item to say something about the menu item the surfer is putting their mouse on.Originally posted by arthur
They are not errors. The problem is: The div does not show onmouseover. If I use position:absolute, then the div will show, but not if I use position:relative. (It works fine in IE5+, but not NN7).
I have a scrolling menu (in an iframe) and I would like to have a div show on onmousover right at the end of ease menu item to say something about the menu item the surfer is putting their mouse on.
You can do that with the title attribute for your link.
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.yourlink.com" title="What you want the user to see">
A "tooltip" will appear when your user puts their mouse on the link. Much easierthan using a script and way less code.
MNSOriginally posted by MotherNatrsSon
A "tooltip" will appear when your user puts their mouse on the link. Much easierthan using a script and way less code.
The TITLE attribute should always be used for links to provide a description of where the link will take the user. (On a side note, links should also make sense when read out of context, so go to homepage <a href=http://www.webdeveloper.com/forum/archive/index.php/"index.html">here</a> is not a good link, but <a href="index.html" title="Go to homepage." tabindex="10">go to homepage</a> is a good link. Accesskey should also be specified where necessary, such as commonly seen links or navigation links.) Also, the tooltip provided by the TITLE attribute cannot be modified at all, whereas with JavaScript it can be made to be much nicer, and other special effects (such as HTML formatting) can be applied to them as well.
Arthur, if you post your code or a link to your page, we can further assist you. In case you are not completely familiar with Netscape, it does not say "error on page" in the status bar like Internet Explorer (at least my version doesn't), so try typing javascript: in the addressbar and pressing the enter key to check for errors...
[J]onaNetscape has a javascript console for errors.
Tools > Web Development > Javascript console
It will give you detailed errors comlete with line number of the code and a brief exlination of the error, Like "object has no properties" or some thing along those lines.
If you want a "custmizable tool tip script look at this one.
<!-- m --><a class="postlink" href="http://www.bosrup.com/web/overlib/">http://www.bosrup.com/web/overlib/</a><!-- m -->
Although I do not see why a title atribute won't suffice. You can make the title attribute say whatever you want. Loading a page down with javascript just so oyou can have "pretty" tooltips that a user sees for a couple of seconds while deciding which link to click on seems a little unecessary to me personally.
Look at the fully accesible tab indexed, titled, menu on my homepage. Just make sure you are not using IE or you won't get off the home page because it is CSS2 and no javascript. There are no working links until the menu unfolds to the second, third or fourth layer....It isn't quite complete yet but enough is there that you will "get" it.
MNSOriginally posted by MotherNatrsSon
Although I do not see why a title atribute won't suffice. You can make the title attribute say whatever you want. Loading a page down with javascript just so oyou can have "pretty" tooltips that a user sees for a couple of seconds while deciding which link to click on seems a little unecessary to me personally.
That is where "the client" comes into play. Unless Arthur is making a personal site, or one on which the client doesn't really care if the tooltip-JavaScript option is there or not, we can't assume he has complete control over what the client wants. Clients aren't always satisfied with the "regular" stuff...
By the way, your site is coming along nicely. Keep up the good work.
[J]onaHere is a link to the entire page => <!-- m --><a class="postlink" href="http://members.rogers.com/artzan/Showhide.html">http://members.rogers.com/artzan/Showhide.html</a><!-- m -->
but i'm also going to try the tooltop. That sounds like a great solution.The first one works in Netscape 6.2...
[J]onaDitto. The first one works in Netscape 7 on my MAC as well. When I mouseover the next 2 nothing appears though.
MNSYou CANNOT nest a <div> within a <span>. Span is an inline element and it cannot contain a block-level element like div.
FOr your example, you may want to look at Eric Meyer's pure CSS popups:
<!-- m --><a class="postlink" href="http://www.meyerweb.com/eric/css/edge/popups/demo.html">http://www.meyerweb.com/eric/css/edge/popups/demo.html</a><!-- m -->
<p><a href=http://www.webdeveloper.com/forum/archive/index.php/"url">Lorem Ipsum<span> (Greek text in Latin)</span></a></p>
a span {display: none}
a:hover span {display: block; width: 80px; z-index: 5}
1. display: block is necessary because width is not defined for inline elements
2. You may need position or float to control where you want the text-popup to be displayed.
- NiketNiket's post on Eric Meyer's pure CSS popups was very interesting, but I get an odd effect. The links re-size on hover.
I'm feeling a bit code challenged, can you take a look at this link?
<!-- m --><a class="postlink" href="http://members.rogers.com/artzan/cssToolTip.html:confused">http://members.rogers.com/artzan/cssToo ... l:confused</a><!-- m -->:
<div id="menu0" style="position:relative; top:-20px; left:0px; width:80px; visibility: hidden; z-index:1">
- Show me the first layer.
</div></span></td></tr>
Above is a script that works in MS 5+, but it does not work in NN7.
I have a span tag on a period "." with position:absolute and then a div tag with position:relative. (The script to show/hide works on all browsers when I have position:absolute for both the span and div tags - I don't think that is the problem).
Can someone help out with this one?
Many thanksCould you post a link to the JavaScript code or post the JavaScript itself? Do you get JavaScript errors in Netscape, and if so what are they?They are not errors. The problem is: The div does not show onmouseover. If I use position:absolute, then the div will show, but not if I use position:relative. (It works fine in IE5+, but not NN7).
I have a scrolling menu (in an iframe) and I would like to have a div show on onmousover right at the end of ease menu item to say something about the menu item the surfer is putting their mouse on.Originally posted by arthur
They are not errors. The problem is: The div does not show onmouseover. If I use position:absolute, then the div will show, but not if I use position:relative. (It works fine in IE5+, but not NN7).
I have a scrolling menu (in an iframe) and I would like to have a div show on onmousover right at the end of ease menu item to say something about the menu item the surfer is putting their mouse on.
You can do that with the title attribute for your link.
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.yourlink.com" title="What you want the user to see">
A "tooltip" will appear when your user puts their mouse on the link. Much easierthan using a script and way less code.
MNSOriginally posted by MotherNatrsSon
A "tooltip" will appear when your user puts their mouse on the link. Much easierthan using a script and way less code.
The TITLE attribute should always be used for links to provide a description of where the link will take the user. (On a side note, links should also make sense when read out of context, so go to homepage <a href=http://www.webdeveloper.com/forum/archive/index.php/"index.html">here</a> is not a good link, but <a href="index.html" title="Go to homepage." tabindex="10">go to homepage</a> is a good link. Accesskey should also be specified where necessary, such as commonly seen links or navigation links.) Also, the tooltip provided by the TITLE attribute cannot be modified at all, whereas with JavaScript it can be made to be much nicer, and other special effects (such as HTML formatting) can be applied to them as well.
Arthur, if you post your code or a link to your page, we can further assist you. In case you are not completely familiar with Netscape, it does not say "error on page" in the status bar like Internet Explorer (at least my version doesn't), so try typing javascript: in the addressbar and pressing the enter key to check for errors...
[J]onaNetscape has a javascript console for errors.
Tools > Web Development > Javascript console
It will give you detailed errors comlete with line number of the code and a brief exlination of the error, Like "object has no properties" or some thing along those lines.
If you want a "custmizable tool tip script look at this one.
<!-- m --><a class="postlink" href="http://www.bosrup.com/web/overlib/">http://www.bosrup.com/web/overlib/</a><!-- m -->
Although I do not see why a title atribute won't suffice. You can make the title attribute say whatever you want. Loading a page down with javascript just so oyou can have "pretty" tooltips that a user sees for a couple of seconds while deciding which link to click on seems a little unecessary to me personally.
Look at the fully accesible tab indexed, titled, menu on my homepage. Just make sure you are not using IE or you won't get off the home page because it is CSS2 and no javascript. There are no working links until the menu unfolds to the second, third or fourth layer....It isn't quite complete yet but enough is there that you will "get" it.
MNSOriginally posted by MotherNatrsSon
Although I do not see why a title atribute won't suffice. You can make the title attribute say whatever you want. Loading a page down with javascript just so oyou can have "pretty" tooltips that a user sees for a couple of seconds while deciding which link to click on seems a little unecessary to me personally.
That is where "the client" comes into play. Unless Arthur is making a personal site, or one on which the client doesn't really care if the tooltip-JavaScript option is there or not, we can't assume he has complete control over what the client wants. Clients aren't always satisfied with the "regular" stuff...
By the way, your site is coming along nicely. Keep up the good work.
[J]onaHere is a link to the entire page => <!-- m --><a class="postlink" href="http://members.rogers.com/artzan/Showhide.html">http://members.rogers.com/artzan/Showhide.html</a><!-- m -->
but i'm also going to try the tooltop. That sounds like a great solution.The first one works in Netscape 6.2...
[J]onaDitto. The first one works in Netscape 7 on my MAC as well. When I mouseover the next 2 nothing appears though.
MNSYou CANNOT nest a <div> within a <span>. Span is an inline element and it cannot contain a block-level element like div.
FOr your example, you may want to look at Eric Meyer's pure CSS popups:
<!-- m --><a class="postlink" href="http://www.meyerweb.com/eric/css/edge/popups/demo.html">http://www.meyerweb.com/eric/css/edge/popups/demo.html</a><!-- m -->
<p><a href=http://www.webdeveloper.com/forum/archive/index.php/"url">Lorem Ipsum<span> (Greek text in Latin)</span></a></p>
a span {display: none}
a:hover span {display: block; width: 80px; z-index: 5}
1. display: block is necessary because width is not defined for inline elements
2. You may need position or float to control where you want the text-popup to be displayed.
- NiketNiket's post on Eric Meyer's pure CSS popups was very interesting, but I get an odd effect. The links re-size on hover.
I'm feeling a bit code challenged, can you take a look at this link?
<!-- m --><a class="postlink" href="http://members.rogers.com/artzan/cssToolTip.html:confused">http://members.rogers.com/artzan/cssToo ... l:confused</a><!-- m -->: