farver ved hjælp af style
Hej hej...Jeg er igang med at lave en kontakt formular...
Det der er galt er at når jeg laver en onfocus og onblur kan jeg ikke få et felt før input feltet til at skifte farve.
Det gir nok ikke nogen mening...men her er koden :)
<html>
<head>
<script>
function doFocus(check,val,bname) {
var rows = document.getElementsByTagName("td");
for(i=0;rows.length>i;i++){
if(rows[i].id==bname){
rows[i].style.background = "#b8d436";
}
}
if(check.value==val) {
check.value='';
}
}
function doBlur(check,val,bname) {
var rows = document.getElementsByTagName("TD");
for(i=0;rows.length>i;i++){
if(rows[i].id==bname){
rows[i].style.background = "#d4d4d4";
}
}
if (check.value=='') {
check.value=val;
}
}
</script>
<style type="text/css" media="screen">
<!--
.kontaktinput { color: #575a4e; font-size: 10px; font-family: Verdana; background-color: #d4d4d4; border: none }
-->
</style>
</head>
<body bgcolor="#ffffff">
<form method="post" action="" name="form">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#d4d4d4" width="5" id="block1"></td>
<td bgcolor="#d4d4d4"><input type="text" name="name" size="24" tabindex="5" border="0" onblur="java script:doBlur(this,'navn...','block1');" onfocus="java script:doFocus(this,'navn...');" value="navn..." class="kontaktinput"></td>
</tr>
<tr height="10">
<td width="5" height="10"></td>
<td height="10"></td>
</tr>
<tr>
<td bgcolor="#d4d4d4" width="5" id="block2"></td>
<td bgcolor="#d4d4d4"><input type="text" name="email" size="24" tabindex="10" border="0" onblur="java script:doBlur(this,'e-mail...','block2');" onfocus="java script:doFocus(this,'e-mail...');" value="e-mail..." class="kontaktinput"></td>
</tr>
<tr height="10">
<td width="5" height="10"></td>
<td height="10"></td>
</tr>
<tr>
<td bgcolor="#d4d4d4" width="5" id="block3"></td>
<td bgcolor="#d4d4d4"><textarea name="note" rows="4" cols="40" tabindex="15" onblur="java script:doBlur(this,'spørgsmål/andet...','block3');" onfocus="java script:doFocus(this,'spørgsmål/andet...');" class="kontaktinput">spørgsmål/andet...</textarea></td>
</tr>
<tr>
<td width="5"></td>
<td></td>
</tr>
</table>
<input type="submit" value="Send"><input type="reset" value="Nulstil">
</form>
</body>
</html>
Hvis der er en nemmere måde at gøre det på er det ok...
