home *** CD-ROM | disk | FTP | other *** search
/ Magazyn WWW 1999 July / www_07_1999.iso / prez / amiga / KidHTML1_25.lha / KidHTML1.25 / Script / periodictable.js < prev    next >
Text File  |  1998-08-25  |  2KB  |  56 lines
  1.  
  2.  
  3. <!-- TWO STEPS TO INSTALL PERIODIC TABLE:
  4.  
  5.    1.  Paste the first code in the HEAD of your HTML document
  6.    2.  Add the last coding to the BODY of your HTML document  -->
  7.  
  8. <!-- STEP ONE: Paste the first code in the HEAD of your HTML document  -->
  9.  
  10. <HEAD>
  11.  
  12. <SCRIPT LANGUAGE="JavaScript">
  13. <!-- Original:  Matthew Hoesch (mdih@msn.com) -->
  14.  
  15. <!-- This script and many more are available online from -->
  16. <!-- The JavaScript Source!! http://javascriptsource.com -->
  17.  
  18. <!-- Begin
  19. function display (Name, Number, Weight, Melt, Freeze) {
  20. document.table.name.value=Name;
  21. document.table.number.value=Number;
  22. document.table.weight.value=Weight;
  23. document.table.melt.value=Melt;
  24. document.table.freeze.value=Freeze;
  25. }
  26. // End -->
  27. </script>
  28.  
  29. <!-- STEP TWO: Add the last coding to the BODY of your HTML document  -->
  30.  
  31. <BODY>
  32.  
  33. <center><h2>Periodic Table of the Elements</h2>
  34. <p>
  35. <form>
  36. <table cellspacing=2 cellpadding=0 width=500>
  37. <tr>
  38. <td align=center bgcolor="#FFE4C4"><a 
  39. href="javascript:display('Hydrogen','1','1.0079','-259.14C','-252.87C');">H</a></td>
  40. <td colspan="16"></td>
  41. <td align=center bgcolor="#FFE4C4"><a 
  42. href="javascript:display('Helium','2','4.0026','-272C @ 26ATM','-268.6C');">He</a></td>
  43. </tr>
  44. <tr>
  45. <td align=center bgcolor="#5F9EA0"><a
  46. href="javascript:display('Lithium','3','6.94','180.54 C','1347 C');">Li</a></td>
  47. <td align=center bgcolor="#5F9EA0"><a
  48. href="javascript:display('Beryllium','4','9.01218','1278 C','2970 C');">Be</a></td>
  49. <td colspan="10"></td>
  50. <td align=center bgcolor="#FF4500"><a
  51. href="javascript:display('Boron','5','10.81','2300 C','2550 C');">B</a></td>
  52. <td align=center bgcolor="#FFE4C4"><a
  53. href="javascript:display('Carbon','6','12.011','3500 C','4827 C');">C</a></td>
  54. <td align=center bgcolor="#FFE4C4"><a
  55. href="javascr
  56.