Linux
Tips 'n' Tricks on open source products
Friday, February 5, 2010
Javascript: table cell highlighting on radio button change
Hello,
Below code for making table cell highlight on change of radio-button.
In Head Section:
<br /> <script language="JavaScript" type="text/javascript"> function dateCngCol(dateobj) { var datetbdy=dateobj.parentNode; while (datetbdy.tagName!='TBODY'){ datetbdy=datetbdy.parentNode; } var datetrs=datetbdy.getElementsByTagName('TR'); for (var date0=0;date0<datetrs.length;date0++) datemtds="datetrs[date0].getElementsByTagName('TD');" date1="date0;date1<=" datetds="datetrs[date1].getElementsByTagName('TD');" date2="0;date2<datetds.length;date2++)" bordercolor="'red';" bordercolor="'white';"> </script><br />
In Body tag :
<br /> <table><tbody> <tr onclick="dateCngCol(this);"> <td><br /> <table cellpadding="5" cellspacing="0" height="124" width="100%" align="center" border="1"><tbody> <tr> <td><input name="r1" value="green" type="radio">ABC</td> <td><input name="r1" value="green" type="radio">ABC1</td> <td><input name="r1" value="green" type="radio">ABC2</td> <td><input name="r1" value="green" type="radio">ABC3</td> </tr> <tr> <td><input name="r1" value="green" type="radio">AB</td> <td><input name="r1" value="green" type="radio">AB1</td> <td><input name="r1" value="green" type="radio">AB2</td> <td><input name="r1" value="green" type="radio">AB3</td> </tr> </tbody></table><br /> </td> </tr> </tbody></table>
No comments :
Post a Comment
Newer Post
Older Post
Home
Subscribe to:
Post Comments ( Atom )
No comments :
Post a Comment