kiosksoft
چهارشنبه 16 اردیبهشت 1388, 13:30 عصر
سلام
تورو خدا یکی این مشکل رو حل کنه.
ممنون
دوست عزیز
از روش ذیل استفاده کنید.
<HTML>
<HEAD>
<TITLE>TEST Page 2</TITLE>
<STYLE>
.normal { background-color: #cccccc; color: #000000; }
.focus { background-color: #ffff00; color: #000000; }
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
function toggleColor(objElement)
{
if (objElement.className=='normal')
objElement.className='focus';
else
objElement.className='normal';
}
</SCRIPT>
</HEAD>
<BODY onLoad="document.all.NAME.focus()">
<FORM method=post>
<table border="0">
<tr>
<td align="left">Name</td>
<td>
<INPUT name="NAME"
class="normal"
onblur="toggleColor(this)"
onfocus="toggleColor(this)">
</td>
</tr>
<tr>
<td align="left">Address</td>
<td>
<TEXTAREA name="ADDRESS"
class="normal"
onblur="toggleColor(this)"
onfocus="toggleColor(this)"></TEXTAREA>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<INPUT type="submit" value="Submit"
class="normal"
onblur="toggleColor(this)"
onfocus="toggleColor(this)">
<INPUT type="reset" value="Reset"
class="normal"
onblur="toggleColor(this)"
onfocus="toggleColor(this)">
</td>
</tr>
</table>
</FORM>
</BODY>
</HTML>
___________________
منبع : microsoft.com
این یه روش دیگه :
...
<script>
function toggleFocus(el)
{
el.style.backgroundColor = el.style.backgroundColor=="yellow" ? "inherit" : "yellow";
}
</script>
...
<a href="example.html" onfocus="toggleFocus(this)" onblur="toggleFocus(this)">focus me</a>
...
منبع : w3.org
روشی دیگر
http://www.codeproject.com/KB/scripting/focusBGColor.aspx