<!--VIEW SELECTED INFORMATION (RADIO BUTTONS)--> <!-- This part can go in the HEAD of the html file --> <script language="JavaScript" type="text/javascript"> <!-- Copyright 2002, Sandeep Gangadharan --> <!-- For more free scripts go to http://sivamdesign.com/scripts/ --> <!-- var details=new Array(); details[0] = "Topic 1: Details about the topic shall be seen here." details[1] = "Topic 2: Details about the topic shall be seen here." details[2] = "Topic 3: Details about the topic shall be seen here." details[3] = "Topic 4: Details about the topic shall be seen here." details[4] = "Topic 5: Details about the topic shall be seen here." details[5] = "Topic 6: Details about the topic shall be seen here." function topica(exp) { if (document.texter.point[exp].checked) { document.getElementById('theData').innerHTML=details[exp]; } } // --> </script> <body> <form name="texter"> <table width="480" border="4" align="center" cellspacing="0" cellpadding="2"> <tr> <td align="center" width="80"> <input type="radio" name="point" onClick="topica(0);" />Topic 1<br /> <input type="radio" name="point" onClick="topica(1);" />Topic 2<br /> <input type="radio" name="point" onClick="topica(2);" />Topic 3<br /> <input type="radio" name="point" onClick="topica(3);" />Topic 4<br /> <input type="radio" name="point" onClick="topica(4);" />Topic 5<br /> <input type="radio" name="point" onClick="topica(5);" />Topic 6<br /> </td> <td align="middle"> <span id="theData" style="width:400px; padding:1px; margin:0">Here goes the introductory text!</span> </td> </tr> </table> </form>