Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Horizontal Scroll bar for a ListBox

Posted on 2004-04-20
28
Medium Priority
?
1,581 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
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
 
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 300 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 300 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

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

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

One of the most important things in an application is the query performance. This article intends to give you good tips to improve the performance of your queries.
Tech spooks aren't just for those who are tech savvy, it also happens to those of us running a business. Check out the top tech spooks for business owners.
Want to learn how to record your desktop screen without having to use an outside camera. Click on this video and learn how to use the cool google extension called "Screencastify"! Step 1: Open a new google tab Step 2: Go to the left hand upper corn…
In a question here at Experts Exchange (https://www.experts-exchange.com/questions/29062564/Adobe-acrobat-reader-DC.html), a member asked how to create a signature in Adobe Acrobat Reader DC (the free Reader product, not the paid, full Acrobat produ…
Suggested Courses

610 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