Avatar billede kimeriksen Nybegynder
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å?
Avatar billede nikolajdu Nybegynder
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
Avatar billede nikolajdu Nybegynder
21. februar 2002 - 08:52 #2
:))
Avatar billede kimeriksen Nybegynder
21. februar 2002 - 08:58 #3
Jo tak, jeg vil gerne se et lille eksempel!
Kim ;)
Avatar billede nikolajdu Nybegynder
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>
Avatar billede kimeriksen Nybegynder
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.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester