preload > styles
Jeg er interesseret i at få fuld kontrol ocver mine submit-knapperog er indtil videre kommet op med følgende:
<script language="JavaScript" type="text/javascript">
ns = (document.layers) ? 1:0;
function preload(){
for (var i=0; i<arguments.length; i++)
{
eval(arguments[i]+' = new Image()')
eval(arguments[i]+'.src = "grafik/'+arguments[i]+'.gif"')
}
}
preload('ok2_over','ok2_op')
function submit_over(name)
{
if (ns) document.layers[''+name].background = "url("+ok2_over+")";
else document.all[''+name].style.background = "url("+ok2_over+")";
}
</script>
<style type="text/css">
#submitknap {
border: 0px none;
height: 18px;
width: 59px;
background-image: url("grafik/ok_op.gif");
}
</style>
<body.....>
<form name="form1" method="post" action="nyside.asp">
<input type="submit" name="Submit" value="" onmouseover="submit_over('submitknap')" id="okknap" />
<input type="text" name="navn" size="15" id="tekstfelt" />
</form>
Problemet som det vel kan ses, er at jeg ikke kan loade mine billedeobjekter ind i mine styles.
Hvad gør jeg galt, og kan det overhovdet løses på den måde?
mvh/
