You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

Tooltip problem in IE Created Aug 20, 2010

This thread is solved

Views: 1461     Replies: 1     Last reply Aug 23, 2010  
You must login first before you can use this feature

jschatz

Posts: 2

Registered:
Aug 20, 2010

Tooltip problem in IE

Posted: Aug 20, 2010

My tooltips seem to work just fine in firefox. They appear in IE and Safari as well but when you roll over a field and the tooltip appears it causes other elements to disapear. I have title properties set in several td's and i'm using a property tip='Y' in those as my trigger. I'm only having this issue in tables. I have not experienced this with text boxes and other elements that have tooltips.

Here is my js:

$("[tip='Y']").tooltip({
position: "center right",
offset: [0, 10],
opacity: 0.8,
effect: "fade",
delay: 1,
tipClass: 'formTips'
});

and my css:

.formTips {
background-color:#000;
border:1px solid #fff;
padding:10px 15px;
max-width:200px;
display:none;
color:#fff;
text-align:left;
font-size:12px;
-moz-box-shadow:0 0 10px #000;
-webkit-box-shadow:0 0 10px #000;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

Any ideas? Has anyone else experienced their toolips effecting the display of other elements? Thanks!

randyfyfe

Posts: 17

Registered:
Aug 17, 2010

» Tooltip problem in IE

Posted: Aug 23, 2010

Reply to: Tooltip problem in IE, from jschatz
I don't know of any html elements that have the attribute of "tip". This might be an error caused by using invalid html code. use a class on the td's that you do want a tool tip and modify your selector instead of using "tip='Y'". it can be as simple as 

<td class="tooltipyes"> content</td>

then have your tooltip called as:


$("td.tooltipyes").tooltip({
position: "center right",
offset: [0, 10],
opacity: 0.8,
effect: "fade",
delay: 1,
tipClass: 'formTips'
});

My only other concern is i am not sure if tooltips will work on td elements... i would wrap the contents of the td in a span, and give the span the class of "tooltipyes".

•