13 svar · 595 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)
