21. februar 2002 - 08:49
Der er
4 kommentarer og 1 løsning
image i <select> - box
Er det muligt at indsætte et image i en <select> - box? Følgende viser hvad jeg vil have, men det virker ikke: <select> <option value="første element">første element</option> <option value="andet element"><img src="smiley.gif">andet element</option> <option value="tredie element">tredie element</option> </select> Hvis ikke dette er muligt er der så en alternativ måde at opnå det samme på?
Annonceindlæg fra Partnertekst
21. februar 2002 - 08:52
#1
Det er ikke muligt at smide et billede ind i en selectbox, men du kan lave noget show/hide layer halløj med billeder, der kan ligne det meget :)) Kan godt brygge lidt til dig hvis du er interesseret? /Nikolaj
21. februar 2002 - 09:08
#4
Sådan f.eks : <html> <head> <title>Untitled</title> <script language="javascript"> ns4 = (document.layers)? true:false ie4 = (document.all)? true:false ie5 =(document.getElementById)? true:false ns6 = (document.getElementById && !document.all)?true:false; clicked = false; function over(id){ var styleObj = (ns4)? document.layers[id] : (ie4)? document.all[id].style : document.getElementById(id).style; styleObj.visibility = "visible"; } function ud(id){ var styleObj = (ns4)? document.layers[id] : (ie4)? document.all[id].style : document.getElementById(id).style; styleObj.visibility = "hidden"; } </script> </head> <body> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td><a href="#" onClick="if(!clicked){over('lag');clicked=true}else{ud('lag');clicked=false;}"><div style="position:relative;width: 200; height:14;background-color:#cccccc; z-index: 4;text-align:right;cursor:hand;">Klik og Kuk</div></a></td> </tr> <tr> <td><div id="lag" name="lag" style="position:relative;width: 200; height:150;background-color:#cccccc; z-index: 3; visibility: hidden"> <a href="#" onclick="alert('hej')">link1</a> <br> <a href="#" onclick="alert('hej')">link2</a> <br> <img src="" width="100" height="40" alt="billedet" onclick="alert('tryk lige på mit billede du')"> <br> <a href="#" onclick="alert('hej')">link3</a> </div></td> </tr> </table> </body> </html>
27. februar 2002 - 10:10
#5
Sådan har jeg også selv lavet, men jeg får jo ikke al funktionaliteten med fra select-boxen (shortcut-keys, highlighting, scroll etc. Men du har jo svaret på mit spørgsmål: Jeg kan ikke sætte et image ind i en select-box! Det var bare lige det jeg ville have konfirmeret.