SELECT tag s obrazkom?

max-m · Napísal **max-m**: 04.02.2009 9:14 | SELECT tag s obrazkom?

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 | SELECT tag s obrazkom?

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 | SELECT tag s obrazkom?

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 | SELECT tag s obrazkom?

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 | SELECT tag s obrazkom?

1.) no comment

2.) akosi to tak nie je...

GoodWill · Napísal **GoodWill**: 04.02.2009 15:09 | SELECT tag s obrazkom?

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?

SELECT tag s obrazkom?

Podobné témy

"tag menu", alebo "Tag cloud"

novinky z obrazkom

stranka s obrazkom

Pomoc s obrázkom

pomoc s obrazkom

cesta k obrazkom

tabulka s obrazkom

Zoznamy s obrázkom

text zarovno s obrazkom

mafia 2 nenabehne - s obrazkom

Pomoc s obrazkom vo Photoshope

aby pozadie presvitalo pod obrázkom

Migrácia Wordpress - cesta k obrazkom

Porta a komentare k obrazkom

DIV s obrazkom na pozadi

Smart Tag