13 svar · 625 visningar · startad av Guldstrand
Som det är nu, så hämtar jag information från mysql till en dropdownmeny i ett formulär.
Nu är frågan, finns det möjlighet att visa en bild/ikon + namnet i menyn "<option>"?
Om ja, tacksam för exempelkod på detta.
Det vore ju riktigt jävla nice om det gick, men tror tyvärr inte att det är möjligt med <option>.
Google hjälpte mig lite:
http://forums.htmlhelp.com/lofiversion/index.php/t1137.htmlhttp://lab.artlung.com/form-image-background/
http://lab.artlung.com/form-image-background/
FF verkar stödja det, men inte IE.
oskars skrev:
Det vore ju riktigt jävla nice om det gick, men tror tyvärr inte att det är möjligt med <option>.
Google hjälpte mig lite:
http://forums.htmlhelp.com/lofiversion/index.php/t1137.htmlhttp://lab.artlung.com/form-image-background/
http://lab.artlung.com/form-image-background/FF verkar stödja det, men inte IE.
Visst hade det varit bra, framför allt snyggare. 
Såg detta:
<option style="background-image: url(./linux_os_small.gif);"> Linux </option>
Kanske blir svårt att sätta in ett värde där från mysql? Tacksam för fler förslag.
Du, det har varit otroligt snygg om man kunde lösa det sådär med ikoner i option-taggarna 
Nej nej för fan! Det är skitlätt! Så här gör du för att lägga in bilderna du sparat filnamnen för i databasen:
Response.Write("<option style=""background-image: url(images/"&RecSet("minBild")&");""> Linux </option>
Det övre funkar om du t.ex sparat filnamnet "bild01.gif" i mappen "images" på ditt webhotell!
oskars skrev:
Du, det har varit otroligt snygg om man kunde lösa det sådär med ikoner i option-taggarna
Nej nej för fan! Det är skitlätt! Så här gör du för att lägga in bilderna du sparat filnamnen för i databasen:
Response.Write("<option style=""background-image: url(images/"&RecSet("minBild")&");""> Linux </option>Det övre funkar om du t.ex sparat filnamnet "bild01.gif" i mappen "images" på ditt webhotell!
Eh, ok.. detta är väl asp?
Jag använder php samt mysql.
PHP/ASP/Ruby, etc, det är serverside så du borde kunna skriva det i vad som helst Jag gissar på något med echo...
Guldstrand skrev:
Eh, ok.. detta är väl asp?
Jag använder php samt mysql.
Aha, okej, jag kan tyvärr inte PHP helhjärtat, men om du har kört MySQL och PHP sen förut, så borde du greja det här
Testade med detta:
echo "<option style='background-image: url(images/horoskop/{$row['bild']});' value={$row['id']}>{$row['namn']}</option>";
Fick dock inte fram någon bild, bara namnet.
(Testade både i ie7 samt firefox.)
Hur ser källkoden ut när du skriver ut det där på hemsidan?
Alltså om du tar "Visa källa" i webbläsaren... bara den raden då.
oskars skrev:
Hur ser källkoden ut när du skriver ut det där på hemsidan?
Alltså om du tar "Visa källa" i webbläsaren... bara den raden då.
Hmm.. verkar hämta allt som den ska:
<option style='background-image: url(images/horoskop/fiskarna.gif);' value=12>Fiskarna</option><option style='background-image: url(images/horoskop/jungfrun.gif);' value=6>Jungfrun</option><option style='background-image: url(images/horoskop/kraftan.gif);' value=4>Kräftan</option><option style='background-image: url(images/horoskop/lejonet.gif);' value=5>Lejonet</option><option style='background-image: url(images/horoskop/oxen.gif);' value=2>Oxen</option><option style='background-image: url(images/horoskop/skorpionen.gif);' value=8>Skorpionen</option><option style='background-image: url(images/horoskop/skytten.gif);' value=9>Skytten</option><option style='background-image: url(images/horoskop/stenbocken.gif);' value=10>Stenbocken</option><option style='background-image: url(images/horoskop/tvillingarna.gif);' value=3>Tvillingarna</option><option style='background-image: url(images/horoskop/vattumannen.gif);' value=11>Vattumannen</option><option style='background-image: url(images/horoskop/vagen.png);' value=7>Vågen</option><option style='background-image: url(images/horoskop/vaduren.gif);' value=1>Väduren</option>
Har jag missat något?
Man kan se bilderna i firefox, fast det blir rätt knasigt.
Nä, precis, det kommer troligtvis inte funka i IE.
Testa det här:
background:{ #000 url(images/horoskop/{$row['bild']}) no-repeat fixed left; }
oskars skrev:
Nä, precis, det kommer troligtvis inte funka i IE.
Testa det här:
background:{ #000 url(images/horoskop/{$row['bild']}) no-repeat fixed left; }
Det fungerade inte alls, fick inte fram någon bild nu.
Gjorde såhär istället.
echo "<option style='background-image: url(images/horoskop/{$row['bild']}); background-repeat:no-repeat; padding-left:40px;' value='{$row['id']}'>{$row['namn']}</option>";
Ser mycket bättre ut nu, synd bara att det inte fungerar i internet explorer. 
(ny screen)
