Hrm, jeg havde ikke et link, men så kan du få hele baduljen (her med font-eksempler, men det er altså et eksempel på den kunstige select !-)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Kunstig select</title>
<meta name="Generator" content="Stone's WebWriter 4">
<style type="text/css">
.selectDiv div{cursor:pointer;}
</style>
</head>
<body>
<div style="width:150px;overflow:hidden;">
<div style="font-family:verdana,arial,sans-serif;cursor:pointer;" onclick="showHideSelect(this);">Vælg font</div>
<div class="selectDiv" style="display:none;">
<div style="font-family:arial;" onclick="setShow(this);">Arial</div>
<div style="font-family:'arial black';" onclick="setShow(this);">Arial Black</div>
<div style="font-family:'arial narrow';" onclick="setShow(this);">Arial Narrow</div>
<div style="font-family:Verdana;" onclick="setShow(this);">Verdana</div>
<div style="font-family:tahoma;" onclick="setShow(this);">Tahoma</div>
<div style="font-family:haettenschweiler;" onclick="setShow(this);">Haettenschweiler</div>
<div style="font-family:'courier new';" onclick="setShow(this);">Courier New</div>
</div>
</div>
<script type="text/javascript">
function showHideSelect(elm){
var selStyle = elm.parentNode.getElementsByTagName("div")[1].style;
selStyle.display = selStyle.display != "block" ? "block" : "none";
}
function setShow(elm){
var parDiv = elm.parentNode;
var sibs = parDiv.getElementsByTagName("div");
for(i=0,im=sibs.length;im>i;i++){
sibs[i].style.backgroundColor = "#fff";
sibs[i].style.color = "#000";
}
elm.style.backgroundColor = "#00f";
elm.style.color = "#fff";
var showDiv = parDiv.parentNode.getElementsByTagName("div")[0];
showDiv.style.fontFamily = elm.style.fontFamily;
showDiv.style.fontSize = elm.style.fontSize;//hvis du skal bruge flere forskellige selects
showDiv.firstChild.nodeValue = elm.firstChild.nodeValue;
elm.parentNode.style.display = "none";
}
</script>
</body>
</html>
-- den er dog lidt tricky, da den benytter en absolut nummerering af divs, så strukturen er ekstrem vigtig ...
Ny bruger
Nybegynder
Opret
Preview
