Solved

Horizontal Scroll bar for a ListBox

Posted on 2004-04-20
28
1,568 Views
Last Modified: 2012-05-04
HI Experts,

I need to add a Horizontal Scrollbar for a List box in the JSP page which I have. I am using the <select> tag for creating a listbox. Could anyone of U please help me out in getting a horizontal scroll bar for this list box?

Irfyy
0
Comment
Question by:Irfyy
  • 13
  • 9
  • 4
28 Comments
 
LVL 35

Expert Comment

by:TimYates
ID: 10867859
You can't I don't think...

The only thing you could do, is put your list on another JSP, and load it as an IFRAME in the first JSP

http://www.htmlhelp.com/reference/html40/special/iframe.html

Or write it as a java applet (or flash or activex or something)
0
 
LVL 6

Expert Comment

by:jarasa
ID: 10867877
Send this question to the HTML Area but I'm not really sure you can maybe with an style.

Javier
0
 

Author Comment

by:Irfyy
ID: 10867881
Could anyone please help me in achieving this?

Irfyy
0
 
LVL 35

Expert Comment

by:TimYates
ID: 10867932
Have you looked into doing it as an IFrame?
0
 
LVL 35

Expert Comment

by:TimYates
ID: 10867941
Try:

<select style='overflow:auto;'>

But that will not work on IE, only mozilla...
0
 

Author Comment

by:Irfyy
ID: 10867954
I tried this <select style='overflow:auto;'>... Not working...
0
 

Author Comment

by:Irfyy
ID: 10867961
I didnt get the IFrame concept... Would be great if U explain giving an example
0
 
LVL 35

Expert Comment

by:TimYates
ID: 10868010
0
 

Author Comment

by:Irfyy
ID: 10868079
This wont help my code as I use the selected listbox items to fetch some data from the database...

Any other solution?
0
 
LVL 35

Expert Comment

by:TimYates
ID: 10868097
Make the things that go into the list shorter...

ie:  after 10 characters length, add "..." to the end, etc...
0
 

Author Comment

by:Irfyy
ID: 10868109
I cant do that... My client wants the entire string to be put in the list box.
0
 
LVL 35

Expert Comment

by:TimYates
ID: 10868156
Hmmmmm....

Can't be done then (with HTML) :-(

What I would do, is put the shortened string in the listbox, and add an "onChange" javascript event that puts the full text into a div when the selection changes...
0
 
LVL 35

Expert Comment

by:TimYates
ID: 10868162
as jarasa said, maybe you'd get a better response over on the HTML TA

http://www.experts-exchange.com/Web/Web_Languages/HTML/ 

But I think they will say the same thing...
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 6

Expert Comment

by:jarasa
ID: 10868449
But you want it to be a dropdown?
How long is your text?
Javier
0
 

Author Comment

by:Irfyy
ID: 10868583
No I dont want it to be a drop down.. Beacuse the users might need to multi select from the list box which cannot be achieved using a dropdown!

The text size varies.... Cant fix it... :-)
0
 
LVL 35

Expert Comment

by:TimYates
ID: 10868591
Can't do anything then...  You're going to have to talk to the client about a compromise, as they can't have what they want...  HTML doesn't work that way... :-(
0
 

Author Comment

by:Irfyy
ID: 10868609
Oopsss....

ok.. any way I can give a Tool Tip for the selected text?
0
 
LVL 35

Expert Comment

by:TimYates
ID: 10868639
You could try:

<select id="list" name="list">
  <option title="Your really long text goes here" value="1">Your really lo...</option>
  <option title="And this is another really long bit of text for the tooltip" value="2">And this is ano...</option>
</select>
0
 
LVL 35

Expert Comment

by:TimYates
ID: 10868646
But again, that may not work in IE

:-(
0
 

Author Comment

by:Irfyy
ID: 10868713
NOt wroking...
0
 
LVL 35

Expert Comment

by:TimYates
ID: 10868727
you using IE yeah?
0
 

Author Comment

by:Irfyy
ID: 10868745
Yes... Any other way to include a Tool Tip?
0
 
LVL 35

Accepted Solution

by:
TimYates earned 75 total points
ID: 10868772
Not for IE...

Although this might work:

http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip.htm

you'd have to try it out though (with select), he only shows links and divs working...

Tim
0
 
LVL 6

Assisted Solution

by:jarasa
jarasa earned 75 total points
ID: 10868947
Well Tim actually there is a way you can simulate a multiselect listbox with horizontal and vertical bars.

but is a bit complex.

You have to fill up a <table> inside a fixed size <DIV> the scrolls will appear as needed and you can put the values inside hidden <Inputs> the on the <TR onClick> you can chenge the <TR bgcolor> and keep it checked with a checkBox

hmm I'm not sure if I've explained well, if you want to give it a try I'll post you some code.

Javier
0
 
LVL 35

Expert Comment

by:TimYates
ID: 10868970
Ahhhh... of course...  but you then have to maintain the list of selected items, and what happens when the form is submitted?  

Oh hang on, I see...checkboxes :-)

Cool workaround :-)
0
 
LVL 6

Expert Comment

by:jarasa
ID: 10869037
;c)

0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Fine Tune your automatic Updates for Ubuntu / Debian
This article aims to explain the working of CircularLogArchiver. This tool was designed to solve the buildup of log file in cases where systems do not support circular logging or where circular logging is not enabled
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.
With Secure Portal Encryption, the recipient is sent a link to their email address directing them to the email laundry delivery page. From there, the recipient will be required to enter a user name and password to enter the page. Once the recipient …

914 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

19 Experts available now in Live!

Get 1:1 Help Now