Billeder i en <select>

<ole>

Det må være noget, der bygger på en tilfældig browser-bug ... ikke noget at bygge seriøs kode på  =)

/mvh
</bole>

I øvrigt er FF så fucked-up, at i den kan man sagtens sætte billeder ind i option-elementer ... i den browser kan man såmænd få lov at sætte hele HTML-sider ind et option-element, hvis skulle have perverse lyster!  :o|

hehe, ja fandt jeg også ud af ..
Ville ellers være en lækker lille feature at kunne sætte et icon på en dropdown...

Som sagt: I en fucked browser kan alt lade sig gøre (prøv dette i FF):

<select id="gnu">
    <option>Blabla</option>
    <option>Blabla</option>
    <option>Blabla</option>
    <option>Blabla</option>
</select>

<script type="text/JavaScript">
var o = document.getElementById("gnu"),
opt = o.getElementsByTagName("option")[1],
im = document.createElement("img");

im.setAttribute("src", "http://www.eksperten.dk/img/elogo.png");
im.style.verticalAlign = "middle";
opt.insertBefore(im, opt.firstChild)
</script>

olebole >
optgroup
{
    background-image:url(../contacts_v2/images/accept.png);
    background-repeat:no-repeat;
}

<select>
    <optgroup><option>Danmark</option></optgroup>
    <optgroup><option>Norge</option></optgroup>
    <optgroup><option>Sverige</option></optgroup>
    <optgroup><option>Tyskland</option></optgroup>
    <optgroup><option>Tyskland</option></optgroup>
</select>

^^ Det der virker skam fint (hos mig ihverfald), i firefox2 .. :)

- men som sagt i den anden tråd, så virker det ikke. Kun i FF ... og så kan det jo være rystende ligegyldigt  =)

Ahh ja - selvfølgelig virker det kun i FF .. det gør dit jo også :o)

Yups ... men min kode er jo netop også en eksemplificering af, at FF er komplet fucked-up i DOM-laget og tillader al mulig invalid kode. Det var _absolut_ ikke ment som et realistisk løsningsforslag  ;o)

Vi deler fifty / fifty :o)