(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi |
|
Alati teme | Način prikaza |
|
24. 02. 2012. | #1 |
profesionalac
Professional
Datum učlanjenja: 29.08.2010
Poruke: 201
Hvala: 10
640 "Hvala" u 14 poruka
|
slika na select option
Zdravo ljudi. Postoji li sansa da stavim sliku preko select option liste?
Evo sta sam ja uradio: Kôd:
<select class="select"> <option>Opcija 1</option> </select> Kôd:
select.select{ position:relative; z-index:10; width:166px !important; height:26px !important; line-height:26px; line-height:26px; text-indent:40px; background:url(images/bg_select.gif) no-repeat 0 0; cursor:default; overflow: hidden; background-color: Transparent; border:none; } |
24. 02. 2012. | #2 |
expert
Grand Master
Datum učlanjenja: 11.04.2010
Poruke: 998
Hvala: 141
959 "Hvala" u 153 poruka
|
Koristi input[type=text] a ovaj dropdown stavi da je <ul>, i kada se klikne na <li> da se taj value (text) prebaci u input. Samo ti na ovom u <option> fali value...
Tipa http://www.jankoatwarpspeed.com/exam...ing-drop-down/ |
"Hvala" webarto za poruku: |
24. 02. 2012. | #3 | |
profesionalac
Professional
Datum učlanjenja: 29.08.2010
Poruke: 201
Hvala: 10
640 "Hvala" u 14 poruka
|
Citat:
Hajde pokusacu pa cu javiti. |
|
24. 02. 2012. | #4 |
banned
Professional
Datum učlanjenja: 04.06.2005
Poruke: 371
Hvala: 0
738 "Hvala" u 83 poruka
|
Postoji fora da se select listi postavi opacity na 0, nešto kao:
HTML kôd:
<div id="select-box"> <div id="selected">Opcija 1</div> <select id="select"> <option>Opcija 1</option> <option>Opcija 2</option> <option>Opcija 3</option> </select> </div> Kôd:
#select-box { position:relative; width:166px; } #selected { background:url(images/bg_select.gif) no-repeat 0 0; width:166px; height:26px; text-align: center; } #select { position:absolute; top: 0; left: 0; width:166px; height:26px; opacity: 0; filter: alpha(opacity = 0); } Kôd:
document.getElementById('select').onchange = function(event) { document.getElementById('selected').innerHTML = this.options[this.selectedIndex].text; } http://uniformjs.com/ http://rixth.github.com/customSelect/ http://code.google.com/p/idealforms/ ...
__________________
Don't look at me; I'm lost too. “If you can't dazzle them with brilliance, baffle them with bul*s**t.” |
|
|