Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Style / Replace a select box using prototype / scriptactulous

I'm trying to style my select box, I assume I need some type of javascript method.

I'm using rails - and sticking with prototype/scriptactulous.

Does anyone know of any solutions?

EDIT:

CSS doesn't do nearly what I'm trying to accomplish:

alt text http://img16.imageshack.us/img16/1373/dropdownk.png

like image 966
Elliot Avatar asked Apr 08 '26 15:04

Elliot


1 Answers

I wrote a prototype select box control today. It allows styling everything- the select input box, the button, the dropdown box(where options are shown), the scrollbar and its buttons, the options, adding images to options. The class can replace select inputs automatically just by calling the script if select controls have class="replacemeselect" or be called manually. There are a bunch of customization options and you can have multiple styles of selects on a page if you need it. Unlike IPS this class handles keyboard events and has a scrollbar. You may look at the demo: http://awsumlabs.com/selectreplace and use the library if you like it.

like image 60
atanas markov Avatar answered Apr 10 '26 05:04

atanas markov