JavaScript Tooltip for ASP:ListBox

**ravimallya** · 02-13-2012 06:53 AM

Hi. I'm a newbie to Javascript and web development.

I've a long list box which dynamically driven from database using asp:listbox. What I want to do is as displayed in the post at: http://weblogs.asp.net/abdullaabdelh...commentmessage . I wanted to show the complete option name as a tooltip while hovering the mouse over to it. But here it a listbox but not a dropdown menu. Can anyone correct this Fiddle: http://jsfiddle.net/V7u5a/2/ ? Thanks in advance.

**DanInMA** · 02-13-2012 11:58 AM

the code in your fiddle is C# that adds javascript, not javascript itself. you need to head to the .net forums , http://www.webdeveloper.com/forum/forumdisplay.php?f=28

**xelawho** · 02-13-2012 12:29 PM

why not simply

Code:

<html>
<head>
<body>
<select id="ListBox" Width="60px" size="5">
    <option value="1">Item #1</option>
    <option value="2">Item Long Item #2</option>
    <option value="3">Very Long Item #3</option>
    <option value="4">Very Long Long Item #4</option>
    <option value="5">Item #5</option>
    <option value="6">Item #6</option>
    <option value="7">Item #7</option>
</select>
<script type="text/javascript">
opts=document.getElementById("ListBox").getElementsByTagName("option")
for (var k=0; k<opts.length; k++) {
opts[k].title=opts[k].text
}
</script>

</body>
</html>

or am I misunderstanding the question?

**DanInMA** · 02-13-2012 03:22 PM

Originally Posted by xelawho

why not simply....
or am I misunderstanding the question?

nto at all, Im sure your solution works fine, but he's tryign to embed C# as javascript so I was suggesting he head over to the .net forum so they can 1. show him how to use the example code he has already properly and 2. lt them explain the differences between the 2, then he can decide which direction he wants to go.

In this secnario, isn't it also technically faster to have .net build the code for each item dynamically server side as opposed to using a loop client side to accomplish the same? I know the performance/page load difference is negligible in this scenario but what if he had 100's of items generated on one page view?

**ravimallya** · 02-13-2012 11:22 PM

Thank you for your replies. Yes xelawho. I was trying to add a tooltip for each and every option in the listbox, because we can't set horigzontal scroll bar to a .net listbox in practice. xelawho's solution fixed the issue. Thank you very much...

Thread: JavaScript Tooltip for ASP:ListBox

Thread Tools

Display

JavaScript Tooltip for ASP:ListBox

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions