asked on

Scroll Bars bottom of a dropdown list

I have a dropdown list which is very long is it possable to have a bottom scroll bar which moves left right in the Dropdown List box?

jitganguly

Left to right scroll bars are automatic. It gets adjusted based on the length of the values in it. The way I use it is check the lenght and if it exceeds certian limit then reduce that and add a ..

if len(c_name) > 15 then
c_name=Left(c_name,15) & ".."
%>
<option value="<%= ADORecSet("n_id") %>" <%= selected %>><%= c_name %></option>

Mark Franz

But to answer your question, you cannot set the left/right scroll bars in a select list box inless you write a specific COM or ActiveX object that does this.

akeyes

ASKER

mgfranz,
Members of my team were thinking of usit the mouse over and have it display as a text box which would show the information as text, some of it is over 400 char in length.

jitganguly

Mark,
Do you know off using CSS here ?

akeyes

ASKER

jitganquly;
No I have not explored that but will look in to it now.

jitganguly

Let me knwo if you find out something. I also need to implement that :-). Otherwise, use my first suggestion

webwoman

You're going to want to break that up... 400 char is really too long to be workable.

Browsers tend to make the drop down as wide as the longest items, so this could be a real problem.

And there's a difference between a mouseover and a dropdown...if you want text to show up on mouseover, you could put that in a separate div and show/hide it. That could be as long as you needed it to be. There, 400 char wouldn't be as much of a problem. I'm assuming this is words, not a string of text? Kinda tough to read a 400 char string of text...

What exactly is this for? What are you trying to do? Sometimes what you ask for isn't what you want... ;-)

ASKER CERTIFIED SOLUTION

yas022100

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

akeyes

ASKER

Webwoman;
I am listing URL in a database which are 400 in length
and they need to see the entire URL. Since the unique
part is at the end in many of them.

yas;
Only need to work in IE.

Mark Franz

You can use the <layer> or <div> tag to create a 'popup' with a mouse over, I have seen a few examples at various sites, cnnnfn,com, http://cnnfn.cnn.com/2001/06/12/companies/nokia/ mouseover the bullets under the "Nokia Warns" heading, certain sections of MSDN have examples of this too.

Check with the favorite Javascript pages too, there may be some good examples of the use of <layer> there too.

Yes jit, this is a good use of DHTML, I have some code laying around that uses this technology, I'll have to see if I can find it...

yas022100

akeyes, put your e-mail here, I can send you attached e-mail on tooltip for IE

akeyes

ASKER

yas;
akeyes@acbcoop.com

yas022100

File is on it's way!

akeyes

ASKER

The team came up with a soultions, a little of there Ideas came from your input. Thank you.

yas022100

Here is one I got for IE tooltip. Just so that other poeple can get idea of tooltip also.


<html xmlns:tool>
<head>

<title>Behavior Library: Tooltip</title>

<style>

@media all
{
tool\:tip {
behavior: url(tooltip_vbs.htc)
}
}

H1 {
font: bold 18pt verdana;
color: navy
}

P {
font: 10pt verdana;
}

.tip {
color: green;
font-weight: bold;
cursor: hand
}
A:link { color:#003399; text-decoration:none; }
A:visited { color:#6699CC; text-decoration:none; }
A:hover { text-decoration:underline; }
</style>

</head>
<body bgcolor=white>
<h1>Tooltips</h1>
<P>
<FONT FACE="verdana,arial,helvetica" SIZE=1>
<A href="#" onclick=self.close()><IMG ALIGN="middle" SRC="demo.gif" WIDTH="16" HEIGHT="16" BORDER="0"></A>
 <A href="#" onclick=self.close()>Close This Sample</A>
</FONT><hr>

<p>Use <span ID="oTipEl" class="tip">tooltips</span>
on your HTML pages to give users extra information.</p>

<p> 
<p> 
<p> 






<p>
<hr>
<FONT FACE="MS SANS SERIF" SIZE="1" COLOR="BLACK">
© <A HREF="test.htm" TARGET="_top"></A>.
</FONT>
<p>

</body>
</html>