Junior Coders
Title problem in IE
Hi,
I'm trying to show a tooltip in IE using the title attribute.
The problem is the text is carried over to a new line not at the right positions, but arbitrary by IE.
I found I can control this by replacing spaces with in the text - title="test text..."
The problem is this is not possible using JS :
element.title = "test text...";
is not working.
Why is it not working ? How to resolve this problem ?
Thanks
Regular Coders
Reply With Quote
Try: element.title = "test\xA0text...";
Junior Coders
This is not working.
Global Moderator
Please post a link to the page on your site that contains the problematic code so we can check it out.
- John________________________
Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
Junior Coders
It's an intranet site.
But I'm testing with the following code :
<html>
<script type="text/javascript">
function repl()
{
var str = "text text text text text text text text text text";
document.getElementById("anch").title = str;
}
</script>
<body>
<a id="anch" title="text text text text text text text text text text">text<a/>
</body>
</html>
As I explained if I set the title attribute directly in <a> the tooltip is on a single line as I want. But I need to set it using js and it is not working.
Global Moderator
Works here:Originally Posted by clueful
Code:<html> <script type="text/javascript"> function repl() { var str = "text2\xa0text2\xa0text2\xa0text2\xa0text2\xa0text2\xa0text2\xa0text2\xa0text2\xa0text2"; document.getElementById("anch").title = str; } </script> <body> <a id="anch" onclick="repl();" title="text1 text1 text1 text1 text1 text1 text1 text1 text1 text1">text<a/> </body> </html>
- John________________________
Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
Junior Coders
Yes, actually it works.
Thank you very much !
Junior Coders
Still one problem though :
In Firefox it looks like \xa0 is working, but I try \x0a which should be new line and it is not working. Do you know some resolution ?
Global Moderator
That won't work, for the same reason that this won't make a new line in a title:
It's filtered out. If IE does allow it, it is just a different way that it is handling the dynamically added title. FF is doing it as though it were hard coded.HTML Code:<a title="Something that breaks on a line break">What?</a>
If you need more control over the tool tip than title will allow across browsers, use a tool tip script.
One thing though, if the combined length of the title is great enough, it will wrap on a space in FF or IE:
Code:var str = "text2\xa0text2\xa0text2 text2\xa0text2\xa0text2\xa0text2\xa0text2\xa0text2\xa0text2\xa0text2\xa0text2\xa0text2\xa0text2\xa0text2\xa0text2";
Last edited by jscheuer1; 11-11-2008 at 04:30 PM. Reason: add info
- John________________________
Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
Posting Permissions
Bookmarks