2011-07-13 62 views
0

我正在asp.net中创建一个页面。当用户将鼠标悬停在inout按钮上时,我试图以表格格式显示一些信息。为此,我将alt属性设置为输入类型按钮,因为它应该与javascript无关。我试着创建一个表并将其作为文本分配给alt属性。如何在alt消息中显示表

<input type="button" value="save" alt="<table><tr><td>some info </td></tr> 
<tr><td>some other info </td></tr></table>"/> 

但它没有显示为带有两个ros的表格。相反,它显示为单行。 有什么办法以表格的形式显示它吗?

+0

alt属性用于向无法看到我们第一选择内容的用户提供替代内容。它不应该被用来保存滚动数据。 – shanethehat

回答

1

这是不可能的,就像这样。 Alt可以只是纯文本。 您必须使用JavaScript。尝试谷歌它:)

您将不得不: 创建表。 使用CSS,将其位置设置为绝对位置,靠近您的控制和显示:无 在悬停项目上,您必须设置显示:块。

最适合这种行为是使用一些JavaScript框架,IE浏览器的jQuery jquery.com

专门阅读这些:

http://api.jquery.com/hover/

​​

http://api.jquery.com/show/

1

同意麦酒s,Javascript会让这变得轻而易举。 YUI的工具提示允许您实例化与元素或元素集相关联的工具提示(更改工具提示的上下文,以防万一您的屏幕上有许多类似的行为)。

http://developer.yahoo.com/yui/examples/container/index.html

一旦实例化的工具提示,它像Tooltip.setBody("your HTML code");,虽然默认工具提示在<a>标签作为其内容,或者元素的甚至可能替代文本的标题文字很烂 - 不是100% alt文本的默认部分虽然 - 很好的机会,如果它没有在默认情况下,如果你抓住alt属性的内容,它会在工具提示中正确显示它。

1

其他人已经告诉你,你所要求的是不可能的,因为HTML属性必须是纯文本,而不是更多的HTML。

他们也告诉过你,有Javascript和JQuery库可以帮助你做你想做的事。还有,你可以使用脚本的负载,这里有一个链接,你可能会想尝试:http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

不过,我觉得我应该补充一个进一步的点,这人已经错过了,这实际上是非常重要的:

您正在使用错误的属性。

alt属性是而不是用于悬停工具提示效果的正确属性。您应该使用title属性。

使用alt作品这种方式在某些浏览器(我相信它在IE浏览器,但仅此而已)历史的原因,但它是不是打算作为提示。正确使用alt是为了在图像未加载时显示一小段描述性文本。这可能是因为文件加载失败,或者用户关闭了图像,或者用户有文本到语音浏览器等,但如果显示图像,则不应显示该文本。

在另一方面,title属性的目的是要显示,所有的浏览器实现它作为一个工具提示(其实,这不只是对<img>标签,你可以使用title任何元素)。

希望有所帮助。