SELECT tag s obrazkom?

max-m · Napísal **max-m**: 04.02.2009 9:14

Caute,
skusal som to aj googlit, no bez uspechu:

ako by som vytvoril select tag s tym, ze pred textom v option budem ma obrazky?

DIK.

GoodWill · Napísal **GoodWill**: 04.02.2009 9:23

ak chces mat obrazok v select tagu ked je zbaleny tak

Kód:

<select style="background-image: url(20x20.gif); background-repeat: no-repeat; background-position: top left; padding-left: 22px;">

ak ho chces mat v optione (rozbaleny select), tak

Kód:

<option style="background-image: url(20x20.gif); background-repeat: no-repeat; background-position: top left; padding-left: 22px;" value="aaa">aaaa</option>

max-m · Napísal autor témy **max-m**: 04.02.2009 13:01

to je presne ono!

len to ma 2 haciky:

1.) funguje to iba vo FireFoxe (ako to spravit aj pre IE?)
2.) mam napr. obrazok v optione a ked niektoru polozku vyberiem (a potvrdim ju), potreboval by som aby mi ten obrazok ostal tiez (ostane mi len ten text).

DIK.

GoodWill · Napísal **GoodWill**: 04.02.2009 14:20

1) netusim, nechce sa mi hladat

2) javascriptom odchytit vyber hodnoty a nastavit obrazok pozadia pre select rovnaky ako ma vybrany option

max-m · Napísal autor témy **max-m**: 04.02.2009 14:26

1.) no comment

2.) akosi to tak nie je...

GoodWill · Napísal **GoodWill**: 04.02.2009 15:09

1) snaz sa aj ty

2) akosi to tak je

Kód:

<html>
<head>
   <script type="text/javascript">
      var s = null;
      function f(o)
      {
         if (!s) s = document.getElementById('select');
         s.style.backgroundImage = o.style.backgroundImage;
      }
   </script>
</head>
<body>
<select id="select" style="background-repeat: no-repeat; background-position: top left; padding-left: 22px;">
   <option style="background-image: url(none.gif);" value="" onclick="f(this);"></option>
   <option style="background-image: url(1.gif); background-repeat: no-repeat; background-position: top left; padding-left: 22px;" value="1" onclick="f(this);">Jedna</option>
   <option style="background-image: url(2.gif); background-repeat: no-repeat; background-position: top left; padding-left: 22px;" value="2" onclick="f(this);">Dva</option>
</select>
</body>
</html>

SELECT tag s obrazkom?

Podobné témy