Solved

Displaying tooltip which contains new line character for <a> in Netscape failed

Posted on 2004-03-29
12
993 Views
Last Modified: 2012-06-21
Hi all,

I have page1 including a textarea to input data. When users input data into this textarea with content:
aaaa
bbbb
In the page2, I get this value and display it as a tooltip of <a>. However when users mouse over on <a>, tooltip displays between aaaa and bbbb is a rectangle.
It only occurs on Netscape.

Thanks for your helps.
 
0
Comment
Question by:dtdphuc
  • 4
  • 3
  • 2
  • +1
12 Comments
 
LVL 17

Expert Comment

by:dorward
ID: 10711114
Different browsers handle line breaks in the middle of title attributes differently. There is no work around AFAIK so you should avoid placing line breaks in title attraibute values.
0
 

Author Comment

by:dtdphuc
ID: 10711162
Which ways can I fix it? I must fix it (can not avoid).
0
 
LVL 17

Expert Comment

by:dorward
ID: 10711188
As far as I know, and as I said before, there is no fix.
0
Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

 

Author Comment

by:dtdphuc
ID: 10711268
Is this a browser's bug?
0
 
LVL 17

Expert Comment

by:dorward
ID: 10711575
Perhaps, you would have to check with the specifcation to be sure. It might be that line breaks should be treated as white space for the attribute value of title.

However, I think that those two browsers actually get it right. One can show multiline tooltips and does so, the other can't and shows the new line as an unprintable character.
0
 
LVL 8

Expert Comment

by:HaydnH
ID: 10712549
Please could you post a link to the code, or the code itself.

Thanks,

Haydn.
0
 
LVL 17

Expert Comment

by:dorward
ID: 10712575
title="aaaa
bbbb"

I assume.
0
 
LVL 12

Expert Comment

by:ahosang
ID: 10712666
can't test now but you could try using the entity:
&#10;
to act as the line break
0
 
LVL 8

Expert Comment

by:HaydnH
ID: 10712715
ahosang,

that will only work with IE, the 2 rectangles shown in the tooltip when a new line is found is the same as &#10;&#13;

Haydn.
0
 
LVL 8

Accepted Solution

by:
HaydnH earned 500 total points
ID: 10712951
Ahh... it's a Mozilla/Netscape Bug I'm afraid - first 1 I've found with the latest Mozilla release (grrrr!), see:

    http://bugzilla.mozilla.org/show_bug.cgi?id=67127

Looks like they're making progress on the patch so I guess it will be finished by the next release.

Haydn.
0

Featured Post

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Show banners that are blocked by Ad Muncher 10 56
Link a VBS to an HTA 6 35
Delete HTML table rows 12 27
Only three borders showing on image 5 18
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

813 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now