Unread 01-22-2008, 01:56 PM
Join Date: Dec 2007
Posts: 45
Question I need Complete CSS tooltip!

Hi, I'm in desperate need for help!

I need a CSS tooltip?

I had one going that i got off the net, worked fine until the page does an autopost back - one has to refresh the page in order for it to work.
Reason being the tooltip i had was javascript (client side) i need something server side?

Please anything!

Reply With Quote
Unread 01-23-2008, 02:33 AM
Posts: n/a

Not sure what you mean. There are a few options you could try. First you could use the title tag on an html element

<a href="somepage.html" title="Go to somepage">Some where</a>
Or you could try to do an onmouseover and onmouseout event to open / close a div.
Reply With Quote
Unread 01-23-2008, 07:55 AM
Join Date: Dec 2007
Posts: 45
Question Thank You - i'm kind of in a mess!

Hi, i had a javascript tooltip which was in an xskt file that loaded a aspx page.
so it works the first time, but when i user selects autopost which is a script in the aspx file the tooltip is lost.

I was thinking of adding it to the aspx file - which i was just informed if i change the file (all other processes are using it) other will be affected

The tooltip is javascript which is client side & aspx file the reloads scripts is server side.

So i don't really know what to do!

Maybe a javascript that executes in a vbscript to realod current page only once automatically!

Reply With Quote
Unread 01-24-2008, 03:41 AM
Posts: n/a

Sounds like what you have is a "modal overlay". You might want to google some tips on how those work. I don't have much experience with them myself, but I do know that if you have a lot of events triggered on page load, they can get tricky to implement.
Reply With Quote
Unread 01-24-2008, 07:39 AM
Join Date: Dec 2007
Posts: 45
Smile Thank You - I found a complete CSS tooltip,

Thank You- i was so lost.

I found a complete CSS tooltip, so i do not need to just refresh the page first when user enter & my clientside tooltip would not work once user autopsost - so i was trying to just make it work the first time.

Lucky, Lucky Me - I found A Complete CSS Tooltip that i used in my xslt file

Thank you all for your help & kindness, I'm gratefull and really appreciate it.
Thank You!!!


<div id="hoverText" class="main" style="background: url(../../images/template/glass/c.png); padding: 5px; position: absolute; display: none"></div>

<script type="text/javascript">
var hoverText = document.getElementById('hoverText');
function showHover(txt, e){
xpos = event.clientX + document.body.scrollLeft;
ypos = event.clientY + document.body.scrollTop;
xpos = e.pageX;
ypos = e.pageY;

hoverText.innerHTML = txt;
hoverText.style.left = xpos + 'px';
hoverText.style.top = ypos + 14 + 'px';
hoverText.style.display = "block";
function hideHover(){
hoverText.innerHTML = "";
hoverText.style.display = "none";

<xsl:element name="asp:image">
<xsl:attribute name='id'>ttip_<xsl:value-of select='@name' /></xsl:attribute>
<xsl:attribute name='runat'>server</xsl:attribute>
<xsl:attribute name='imageurl'>images/help.jpg</xsl:attribute>
<xsl:attribute name='onmousemove'>showHover('<xsl:value-of select="Tooltip" />', event)</xsl:attribute>
<xsl:attribute name='onmouseout'>hideHover()</xsl:attribute>
<xsl:attribute name='class'>main</xsl:attribute>

Thank You Very Much for your time & kindness!!!

Reply With Quote
Unread 07-02-2008, 08:22 AM
Posts: n/a

If you need a really simple and basic Crossbrowser Tooltip on your website, you can try Easy Tool Tip from .kollermedia.at/archive/2008/03/24/easy-css-tooltip/ site,You can also visit Wikipedia site

Last edited by Alex : 07-02-2008 at 08:25 AM.
Reply With Quote

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump

All times are GMT. The time now is 09:11 PM.

Powered by vBulletin® Version 3.0.1
Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.