Jeg har fået lavet det.. :)
<form method="get" action="/Search.asp" style="margin-top:4px;">
<script type="text/javascript">
function SetSearchType(SearchType){
document.getElementById('SearchType').value = SearchType;
}
function SetSearchTypeText(SearchType){
document.getElementById('SearchTypeText').innerHTML = SearchType;
if(SearchType == 'Musikvideoer'){
SearchType = "Videoer";
}
setTimeout('SetSearchType("' + SearchType + '")',1);
document.getElementById('SearchTypeDiv').style.display = 'none';
}
function CloseOpen(ElementID){
if(document.getElementById(ElementID).style.display == 'inline'){
document.getElementById(ElementID).style.display = 'none';
}else{
document.getElementById(ElementID).style.display = 'inline';
setTimeout('CloseOpen("' + ElementID + '")',10000);
}
}
</script>
<style type="text/css">
.SearchTypeOut{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
cursor:pointer;
padding:5px;
}
.SearchTypeOver{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
cursor:pointer;
padding:5px;
background-color:#f1f1f1;
}
</style>
<input type="hidden" name="SearchType" id="SearchType" value="Videoer" />
<table width="300" style="border:1px solid #CCC; padding:2px;" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" class="td-middle">
<input type="text" style="width:100%; border-width:0px;" name="q" border="0" />
</td>
<td class="td-middle">
<a href="java script:void(0);" style="font-weight:bold; color:#999999" onclick="CloseOpen('SearchTypeDiv');" id="SearchTypeText">Musikvideoer</a><br />
<div style="position:absolute; text-align:left; background-color:#f9f9f9; border:1px solid #f1f1f1; width:100px; display:none;" id="SearchTypeDiv">
<div class="SearchTypeOut" onmouseover="this.className='SearchTypeOver'" onmouseout="this.className='SearchTypeOut'" onclick="SetSearchTypeText('Musikvideoer');">Musikvideoer</div>
<div class="SearchTypeOut" onmouseover="this.className='SearchTypeOver'" onmouseout="this.className='SearchTypeOut'" onclick="SetSearchTypeText('Bands');">Bands</div>
<div class="SearchTypeOut" onmouseover="this.className='SearchTypeOver'" onmouseout="this.className='SearchTypeOut'" onclick="SetSearchTypeText('Playlister');">Playlister</div>
<div class="SearchTypeOut" onmouseover="this.className='SearchTypeOver'" onmouseout="this.className='SearchTypeOut'" onclick="SetSearchTypeText('Nyheder');">Nyheder</div>
</div>
</td>
<td width="5"> </td>
<td class="td-middle" width="22">
<input type="image" src="
http://iconfinder.net/images/search1.gif" name="Action" value="Search" />
</td>
</tr>
</table>
</form>
