کار با رویدادهای جاوااسکریپت

[pary_daryayi 181]

سلام . وقت بخیر.

این کد به درستی کار میکنه . با رفتن موس روی سطرها , سطرها تغییر رنگ میدن :

html :

<table width="400" border="1">
<tr  onmouseover="Restorebg(this)" onmouseout="Changbg(this)"  >
<td> 1</td>
<td> 2</td>
<td> 3</td>
</tr>
<tr  onmouseover="Restorebg(this)" onmouseout="Changbg(this)"  >
<td> 4</td>
<td> 5</td>
<td> 6</td>
</tr>
<tr  onmouseover="Restorebg(this)" onmouseout="Changbg(this)"  >
<td> 7</td>
<td> 8</td>
<td> 9</td>
</tr>
</table>

javascript:

<script type="text/javascript">
var v = "#ffffff";
var c = "#9999ff";
function Changbg(row) { row.style.backgroundColor = v; }
function Restorebg(row) { row.style.backgroundColor = c; }
</script>

سوال من اینه که آیا میشه رویدادها رو به این شکل در کد زیر هم استفاده کرد . من table رو با جاوااسکریپت ایجاد کردم اما رویدادش کار نمیکنه:

<script>
document.write('<table border="1" width="400px">')
for (i=1;i<10;i++)
{
document.write('<tr onmouseover="Restorebg(this)" onmouseout="Changbg(this)" >')
for (j=1;j<10;j++)
{
  if(i%2==0)
  document.write('<td bgcolor="#ccc">'+i*j+'</td>')
  else
  document.write('<td bgcolor="#fff">'+i*j+'</td>')
}
document.write('</tr>')

}
document.write('</table>')
</script>

[Morteza 34190]

چون بصورت آن تایم داره جنریت میشه

فکر میکنم بهتره از جی کوئری استفاده کنید

با متد on