performance - Dynamically load a table using javascript -
i want load table dynamically page loads.i have tried following code , not showing 2nd column values found out in javascript.plz me out.
<html> <head> <script type="text\javascript"> var brw=navigator.appcodename; var bw=navigator.appname; var vrs=navigator.appversion; var plt=navigator.platform; document.getelementbyid('r1').innerhtml = ' '+brw; document.getelementbyid('r2').innerhtml = ' '+bw; document.getelementbyid('r3').innerhtml = ' '+vrs; document.getelementbyid('r4').innerhtml = ' '+plt; </script> </head> <body> <table border='1'> <tr><td>browser code </td><td><div id='r1'></div></td></tr> <tr><td>browser </td><td><div id='r2'></div></td></tr> <tr><td>browser version </td><td><div id='r3'></div></td></tr> <tr><td>platform </td><td><div id='r4'></div></td></tr> </table> </body> </html>
your table should :
<table> <thead> <tr> <th>browser code</th> <th>browser</th> <th>browser version</th> <th>platform</th> </tr> </thead> <tbody> <tr> <td><div id='r1'></div></td> <td><div id='r2'></div></td> <td><div id='r3'></div></td> <td><div id='r4'></div></td> </tr> </tbody> </table> this way table heads set @ top in <thead> balise, can add rows in <tbody> balise.
Comments
Post a Comment