hai folks, i want to show a tooltip exactly like this when the mouse move in my page. how to do it? http://www.milliondollarhomepage.com/ pls note that this site also having a problem in showing the tool tip when the mouse move to the right edge. the tool tip hidden. tx.
That would be the title attribute as in <a href="http://domain.com" [B]title="tool tip"[/B]>anchor text</a> Code (markup):
you have the javascript here: http://www.milliondollarhomepage.com/gsc3.js and then in a link or any element you simply have to add: onmouseover="d(this)" onmouseout="e(this)" title="the text you want in the tooltip" Code (markup):
tx friends, both of your post helped me to unestand the basics of tooltip. now i understand that unfortunately for my requirement, this title method will not work . coz i want to include icons/pics in the tooltip. but happy to know about a Title attribute. so what my next choice? using a div and position it in to the mouse cordinates ?
This should work out perfectly for you. I use it for one of my sites. Download wz_tooltip.js here: http://www.walterzorn.com/tooltip/tooltip_e.htm Then use onmouseover="Tip('Some text')" onmouseout="UnTip()" in the mouseover. They don't say this, but you can add HTML to break up lines, etc. For example: onmouseover="Tip('Some text<br>Then a new line of text<br>Now an image <img src=myimage.jpg>')" You have to keep it all on one line, and beacause its javascript, you cannot use some characters like ' in words like "it's", but you can use ` in it's place (it's under the ~ on your keyboard.
@SearchBliss have you tried to use \' instead of ' ? Usually that's how to pass the ' character in javascript, the \ being an espacing character.