|
|
|
To see a working example : http://www.weberdev.com/examples/4022.html
|
<html>
<head>
<title>Mordren Periodic Table</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
function display (Name, Number, Weight, Melt, Boil) {
document.table.name.value=Name;
document.table.number.value=Number;
document.table.weight.value=Weight;
document.table.melt.value=Melt;
document.table.Boil.value=Boil;
}
</script>
</head>
<body>
<center><h2>Periodic Table of the Elements</h2>
<form>
<table cellspacing=2 cellpadding=0 width=891 height="186">
<tr>
<td align=center bgcolor="#FFFFFF" width="32" height="164" rowspan="11"> </td>
<td align=center bgcolor="#FFFFFF" width="59" height="107" rowspan="8"> <p>
Groups:</td>
<td align=center bgcolor="#FFFFFF" width="52" height="34">Periods:</td>
<td align=center bgcolor="#FFFFFF" width="57" height="3">1</td>
<td width="54" bgcolor="#FFFFFF" height="3" align="center">2</td>
<td width="45" bgcolor="#FFFFFF" height="3" align="center">3</td>
<td width="49" bgcolor="#FFFFFF" height="3" align="center">4</td>
<td width="43" bgcolor="#FFFFFF" height="3" align="center">5</td>
<td width="42" bgcolor="#FFFFFF" height="3" align="center">6</td>
<td width="42" bgcolor="#FFFFFF" height="3" align="center">7</td>
<td width="34" bgcolor="#FFFFFF" height="3" align="center">8</td>
<td width="32" bgcolor="#FFFFFF" height="3" align="center">9</td>
<td width="34" bgcolor="#FFFFFF" height="3" align="center">10</td>
<td width="22" bgcolor="#FFFFFF" height="3" align="center">11</td>
<td width="21" bgcolor="#FFFFFF" height="3" align="center">12</td>
<td width="29" bgcolor="#FFFFFF" height="3" align="center">13</td>
<td width="38" bgcolor="#FFFFFF" height="3" align="center">14</td>
<td width="40" bgcolor="#FFFFFF" height="3" align="center">15</td>
<td width="38" bgcolor="#FFFFFF" height="3" align="center">16</td>
<td width="42" bgcolor="#FFFFFF" height="3" align="center">17</td>
<td align=center bgcolor="#FFFFFF" width="56" height="3">18</td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="52" height="34">1</td>
<td align=center bgcolor="#FFE4C4" width="57" height="1"><a
href="javascript:display('Hydrogen','1','1.0079','-259.14C','-252.87C');">
<font color="#000000">H</font></a></td>
<td colspan="16" width="663" height="1"></td>
<td align=center bgcolor="#FFE4C4" width="56" height="1"><a
href="javascript:display('Helium','2','4.0026','-272C @ 26ATM','-268.6C');">
<font color="#000000">He</font></a></td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="52" height="34">2</td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Lithium','3','6.94','180.54 C','1347 C');">
<font color="#000000">Li</font></a></td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Beryllium','4','9.01218','1278 C','2970 C');">
<font color="#000000">Be</font></a></td>
<td colspan="10" width="396" height="19"></td>
<td align=center bgcolor="#FF4500" width="33" height="19"><a
href="javascript:display('Boron','5','10.81','2300 C','2550 C');">
<font color="#000000">B</font></a></td>
<td align=center bgcolor="#FFE4C4" width="42" height="19"><a
href="javascript:display('Carbon','6','12.011','3500 C','4827 C');">
<font color="#000000">C</font></a></td>
<td align=center bgcolor="#FFE4C4" width="44" height="19"><a
href="javascript:display('Nitrogen','7','14.0067','-209.9 C','-195.8 C');">
<font color="#000000">N</font></a></td>
<td align=center bgcolor="#FFE4C4" width="42" height="19"><a
href="javascript:display('Oxygen','8','15.9994','-218.4 C','-183.0 C');">
<font color="#000000">O</font></a></td>
<td align=center bgcolor="#FFE4C4" width="45" height="19"><a
href="javascript:display('Flourine','9','18.998403','-219.62 C','-188.14 C');">
<font color="#000000">F</font></a></td>
<td align=center bgcolor="#FFE4C4" width="56" height="19"><a
href="javascript:display('Neon','10','20.17','-248.6 C','-246.1 C');">
<font color="#000000">Ne</font></a></td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="52" height="33">3</td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Sodium','11','22.98977','97.8 C','882.9 C');">
<font color="#000000">Na</font></a></td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Magnesium','12','24.305','638.8 C','1090 C');">
<font color="#000000">Mg</font></a></td>
<td colspan="10" width="396" height="19"></td>
<td align=center bgcolor="#5F9EA0" width="33" height="19"><a
href="javascript:display('Aluminum','13','26.98154','660.37 C','2467 C');">
<font color="#000000">Al</font></a></td>
<td align=center bgcolor="#FF4500" width="42" height="19"><a
href="javascript:display('Silicon','14','28.0855','1410 C','2355 C');">
<font color="#000000">Si</font></a></td>
<td align=center bgcolor="#FFE4C4" width="44" height="19"><a
href="javascript:display('Phosphorous','15','30.97376','44.1 C','280 C');">
<font color="#000000">P</font></a></td>
<td align=center bgcolor="#FFE4C4" width="42" height="19"><a
href="javascript:display('Sulfur','16','32.06','112.8 C','444.6 C');">
<font color="#000000">S</font></a></td>
<td align=center bgcolor="#FFE4C4" width="45" height="19"><a
href="javascript:display('Chlorine','17','35.453','-100.98 C','-34.6 C');">
<font color="#000000">Cl</font></a></td>
<td align=center bgcolor="#FFE4C4" width="56" height="19"><a
href="javascript:display('Argon','18','39.948','-189.3 C','-186 C');">
<font color="#000000">Ar</font></a></td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="52" height="32">4</td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Potassium','19','39.0983','63.65 C','774 C');">
<font color="#000000">K</font></a></td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Calcium','20','40.08','839 C','1484.4 C');">
<font color="#000000">Ca</font></a></td>
<td align=center bgcolor="#5F9EA0" width="48" height="19"><a
href="javascript:display('Scandium','21','44.9559','1539 C','2832 C');">
<font color="#000000">Sc</font></a></td>
<td align=center bgcolor="#5F9EA0" width="53" height="19"><a
href="javascript:display('Titanium','22','47.90','1660 C','3287 C');">
<font color="#000000">Ti</font></a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Vandium','23','50.9415','189010 C','3380 C');">
<font color="#000000">V</font></a></td>
<td align=center bgcolor="#5F9EA0" width="46" height="19"><a
href="javascript:display('Chromium','24','51.996','1857 C','2672 C');">
<font color="#000000">Cr</font></a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Manganese','25','54.9380','1245 C','1962 C');">
<font color="#000000">Mn</font></a></td>
<td align=center bgcolor="#5F9EA0" width="39" height="19"><a
href="javascript:display('Iron','26','55.847','1535 C','2750 C');">
<font color="#000000">Fe</font></a></td>
<td align=center bgcolor="#5F9EA0" width="37" height="19"><a
href="javascript:display('Cobalt','27','58.9332','1495 C','2870 C');">
<font color="#000000">Co</font></a></td>
<td align=center bgcolor="#5F9EA0" width="38" height="19"><a
href="javascript:display('Nickel','28','58.71','1453 C','2732 C');">
<font color="#000000">Ni</font></a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Copper','29','63.546','1803 C','2567 C');">
<font color="#000000">Cu</font></a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Zinc','30','65.38','419.58 C','907 C');">
<font color="#000000">Zn</font></a></td>
<td align=center bgcolor="#5F9EA0" width="33" height="19"><a
href="javascript:display('Gallium','31','69.735','29.78 C','2403 C');">
<font color="#000000">Ga</font></a></td>
<td align=center bgcolor="#FF4500" width="42" height="19"><a
href="javascript:display('Germanium','32','72.59','937.4 C','2830 C');">
<font color="#000000">Ge</font></a></td>
<td align=center bgcolor="#FF4500" width="44" height="19"><a
href="javascript:display('Arsenic','33','74.9216','81 C @ 28ATM','Sublimes at 613')">
<font color="#000000">As</font></a></td>
<td align=center bgcolor="#FFE4C4" width="42" height="19"><a
href="javascript:display('Selenium','34','78.96','217 C','684.9 C');">
<font color="#000000">Se</font></a></td>
<td align=center bgcolor="#FFE4C4" width="45" height="19"><a
href="javascript:display('Bromine','35','79.904','-7.2 C','58.78 C');">
<font color="#000000">Br</font></a></td>
<td align=center bgcolor="#FFE4C4" width="56" height="19"><a
href="javascript:display('Krypton','36','83.80','-157.2 C','-153.4 C');">
<font color="#000000">Kr</font></a></td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="52" height="32">5</td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Rubidium','37','85.467','38.89 C','688 C');">
<font color="#000000">Rb</font></a></td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Strontium','38','87.62','769 C','1384 C');">
<font color="#000000">Sr</font></a></td>
<td align=center bgcolor="#5F9EA0" width="48" height="19"><a
href="javascript:display('Yttrium','39','88.9059','1523 C','3337 C');">
<font color="#000000">Y</font></a></td>
<td align=center bgcolor="#5F9EA0" width="53" height="19"><a
href="javascript:display('Zirconium','40','91.22','18522 C','4377 C');">
<font color="#000000">Zr</font></a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Niobium','41','92.9064','246810 C','4927 C');">
<font color="#000000">Nb</font></a></td>
<td align=center bgcolor="#5F9EA0" width="46" height="19"><a
href="javascript:display('Molybdenum','42','95.94','2617 C','4612 C');">
<font color="#000000">Mo</font></a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Technetium','43','98.9062','220050 C','4877 C');">
<font color="#000000">Tc</font></a></td>
<td align=center bgcolor="#5F9EA0" width="39" height="19"><a
href="javascript:display('Ruthenium','44','101.07','2250 C','3900 C');">
<font color="#000000">Ru</font></a></td>
<td align=center bgcolor="#5F9EA0" width="37" height="19"><a
href="javascript:display('Rhodium','45','102.9055','19663 C','3727 C');">
<font color="#000000">Rh</font></a></td>
<td align=center bgcolor="#5F9EA0" width="38" height="19"><a
href="javascript:display('Palladium','46','106.4','1552 C','2927 C');">
<font color="#000000">Pd</font></a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Silver','47','107.868','961.93 C','2212 C');">
<font color="#000000">Ag</font></a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Cadmium','48','112.41','320.9 C','765 C');">
<font color="#000000">Cd</font></a></td>
<td align=center bgcolor="#5F9EA0" width="33" height="19"><a
href="javascript:display('Indium','49','114.82','156.61 C','200010 C');">
<font color="#000000">In</font></a></td>
<td align=center bgcolor="#5F9EA0" width="42" height="19"><a
href="javascript:display('Tin','50','118.69','231.9 C','2270 C');">
<font color="#000000">Sn</font></a></td>
<td align=center bgcolor="#FF4500" width="44" height="19"><a
href="javascript:display('Antimony','51','121.75','630 C','1750 C');">
<font color="#000000">Sb</font></a></td>
<td align=center bgcolor="#FF4500" width="42" height="19"><a
href="javascript:display('Tellurium','52','127.60','449.5 C','989.8 C');">
<font color="#000000">Te</font></a></td>
<td align=center bgcolor="#FFE4C4" width="45" height="19"><a
href="javascript:display('Iodine','53','126.9045','113.5 C','184 C @ 35 atm')">
<font color="#000000">I</font></a></td>
<td align=center bgcolor="#FFE4C4" width="56" height="19"><a
href="javascript:display('Xenon','54','131.30','-111.9 C','-108.1 C');">
<font color="#000000">Xe</font></a></td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="52" height="30">6</td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Cesium','55','132.9054','28.5 C','678.4 C');">
<font color="#000000">Cs</font></a></td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Barium','56','137.33','725 C','1140 C');">
<font color="#000000">Ba</font></a></td>
<td align=center bgcolor="#5F9EA0" width="48" height="19"><a
href="javascript:display('Lanthanum','57','138.9055','920 C','3469 C');">
<font color="#000000">La</font></a>*</td>
<td align=center bgcolor="#5F9EA0" width="53" height="19"><a
href="javascript:display('Hafnium','72','178.49','2150 C','5400 C');">
<font color="#000000">Hf</font></a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Tantalum','73','180.947','2996 C','5425100 C');">
<font color="#000000">Ta</font></a></td>
<td align=center bgcolor="#5F9EA0" width="46" height="19"><a
href="javascript:display('Tungsten','74','183.85','341020 C','5660 C');">
<font color="#000000">W</font></a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Rhenium','75','186.207','3180 C','5627 C');">
<font color="#000000">Re</font></a></td>
<td align=center bgcolor="#5F9EA0" width="39" height="19"><a
href="javascript:display('Osmium','76','190.2','3045 C','5027 C');">
<font color="#000000">Os</font></a></td>
<td align=center bgcolor="#5F9EA0" width="37" height="19"><a
href="javascript:display('Iridium','77','192.22','2410 C','4527100 C');">
<font color="#000000">Ir</font></a></td>
<td align=center bgcolor="#5F9EA0" width="38" height="19"><a
href="javascript:display('Platinum','78','195.09','1772 C','3827 C');">
<font color="#000000">Pt</font></a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Gold','79','196.9665','1064.43 C','2807 C');">
<font color="#000000">Au</font></a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Mercury','80','200.59','-38.87 C','356.58 C');">
<font color="#000000">Hg</font></a></td>
<td align=center bgcolor="#5F9EA0" width="33" height="19"><a
href="javascript:display('Thallium','81','204.37','303.5 C','145710C');">
<font color="#000000">Tl</font></a></td>
<td align=center bgcolor="#5F9EA0" width="42" height="19"><a
href="javascript:display('Lead','82','207.2','327.5 C','1740 C');">
<font color="#000000">Pb</font></a></td>
<td align=center bgcolor="#5F9EA0" width="44" height="19"><a
href="javascript:display('Bismuth','83','208.9804','271.3 C','15605C');">
<font color="#000000">Bi</font></a></td>
<td align=center bgcolor="#5F9EA0" width="42" height="19"><a
href="javascript:display('Polonium','84','(209)','254 C','962 C');">
<font color="#000000">Po</font></a></td>
<td align=center bgcolor="#FF4500" width="45" height="19"><a
href="javascript:display('Astatine','85','(210)','302 C','337 C');">
<font color="#000000">At</font></a></td>
<td align=center bgcolor="#FFE4C4" width="56" height="19"><a
href="javascript:display('Radon','86','(222)','-71 C\t','-61.8 C');">
<font color="#000000">Rn</font></a></td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="52" height="30">7</td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Francium','87','(223)','27 C\t','677 C');">
<font color="#000000">Fr</font></a></td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Radium','88','226.0254','700 C','1737 C');">
<font color="#000000">Ra</font></a></td>
<td align=center bgcolor="#5F9EA0" width="48" height="19"><a
href="javascript:display('Actinium','89','(227)','1050 C','3200300 C');">
<font color="#000000">Ac</font></a>**</td>
<td align=center bgcolor="#5F9EA0" width="53" height="19"><a
href="javascript:display('Unnilquadium','104','(260)','N/A C','N/A C');">
<font color="#000000">Unq</font></a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Unnilpentium','105','(260)','N/A C','N/A C');">
<font color="#000000">Unp</font></a></td>
<td align=center bgcolor="#5F9EA0" width="46" height="19"><a
href="javascript:display('Unnilhexium','106','(263)','N/A C','N/A C');">
<font color="#000000">Unh</font></a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Unnilseptium','107','(262)','N/A C','N/A C');">
<font color="#000000">Uns</font></a></td>
<td align=center bgcolor="#5F9EA0" width="39" height="19"><a
href="javascript:display('Unniloctium', '108', '(265)', ' N/A C', 'N/A C');">
<font color="#000000">Uno</font></a></td>
<td align=center bgcolor="#5F9EA0" width="37" height="19"><a
href="javascript:display('Unnilennium', '109', '(267)', ' N/A C', 'N/A C');">
<font color="#000000">Une</font></a></td>
<td colspan="9" width="349" height="19"></td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="911" height="19" colspan="20"> </td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="131" height="19" colspan="2">
Lanthanides*</td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Cerium','58','140.12','795 C','3257 C');">
<font color="#000000">Ce</font></a></td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Praseodymium','59','140.9077','935 C','3127 C');">
<font color="#000000">Pr</font></a></td>
<td align=center bgcolor="#5F9EA0" width="48" height="19"><a
href="javascript:display('Neodymium','60','144.24','1010 C','3127 C');">
<font color="#000000">Nd</font></a></td>
<td align=center bgcolor="#5F9EA0" width="53" height="19"><a
href="javascript:display('Promethium','61','(145)','N/A C','N/A C');">
<font color="#000000">Pm</font></a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Samarium','62','150.4','1072 C','1900 C');">
<font color="#000000">Sm</font></a></td>
<td align=center bgcolor="#5F9EA0" width="46" height="19"><a
href="javascript:display('Europium','63','151.96','822 C','1597 C');">
<font color="#000000">Eu</font></a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Gadolinium','64','157.25','1311 C','3233 C');">
<font color="#000000">Gd</font></a></td>
<td align=center bgcolor="#5F9EA0" width="39" height="19"><a
href="javascript:display('Terbium','65','158.9254','1360 C','3041 C');">
<font color="#000000">Tb</font></a></td>
<td align=center bgcolor="#5F9EA0" width="37" height="19"><a
href="javascript:display('Dysprosium','66','162.50','1412 C','2562 C');">
<font color="#000000">Dy</font></a></td>
<td align=center bgcolor="#5F9EA0" width="38" height="19"><a
href="javascript:display('Holmium','67','164.9304','1470 C','2720 C');">
<font color="#000000">Ho</font></a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Erbium','68','167.26','1522 C','2510 C');">
<font color="#000000">Er</font></a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Thulium','69','168.9342','1545 C','1727 C');">
<font color="#000000">Tm</font></a></td>
<td align=center bgcolor="#5F9EA0" width="33" height="19"><a
href="javascript:display('Ytterbium','70','173.04','824 C','1466 C');">
<font color="#000000">Yb</font></a></td>
<td align=center bgcolor="#5F9EA0" width="42" height="19"><a
href="javascript:display('Lutetium','71','174.96','1656 C','3315 C');">
<font color="#000000">Lu</font></a></td>
<td colspan="4" width="189" height="38" rowspan="2"> </td>
</tr>
<tr>
<td align=center bgcolor="#FFFFFF" width="131" height="19" colspan="2">
Actinides**</td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Thorium','90','232.0381','1750 C','4790 C');">
<font color="#000000">Th</font></a></td>
<td align=center bgcolor="#5F9EA0" width="57" height="19"><a
href="javascript:display('Proactinium','91','231.0359','1600 C','N/A C');">
<font color="#000000">Pa</font></a></td>
<td align=center bgcolor="#5F9EA0" width="48" height="19"><a
href="javascript:display('Uranium','92','238.029','1132 C','3818 C');">
<font color="#000000">U</font></a></td>
<td align=center bgcolor="#5F9EA0" width="53" height="19"><a
href="javascript:display('Neptunium','93','237.0482','640 C','3902 C');">
<font color="#000000">Np</font></a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Plutonium','94','(244)','639.52 C','323519 C');">
<font color="#000000">Pu</font></a></td>
<td align=center bgcolor="#5F9EA0" width="46" height="19"><a
href="javascript:display('Americium','95','(243)','994 C','2607 C');">
<font color="#000000">Am</font></a></td>
<td align=center bgcolor="#5F9EA0" width="47" height="19"><a
href="javascript:display('Curium','96','(247)','1340 C','N/A C');">
<font color="#000000">Cm</font></a></td>
<td align=center bgcolor="#5F9EA0" width="39" height="19"><a
href="javascript:display('Berkelium','97','(247)','N/A C','N/A C');">
<font color="#000000">Bk</font></a></td>
<td align=center bgcolor="#5F9EA0" width="37" height="19"><a
href="javascript:display('Californium','98','(251)','N/A C','N/A C');">
<font color="#000000">Cf</font></a></td>
<td align=center bgcolor="#5F9EA0" width="38" height="19"><a
href="javascript:display('Einsteinium','99','(254)','N/A C','N/A C');">
<font color="#000000">Es</font></a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Fremium','100','(257)','N/A C','N/A C');">
<font color="#000000">Fm</font></a></td>
<td align=center bgcolor="#5F9EA0" width="26" height="19"><a
href="javascript:display('Mendelevium','101','(258)','N/A C','N/A C');">
<font color="#000000">Md</font></a></td>
<td align=center bgcolor="#5F9EA0" width="33" height="19"><a
href="javascript:display('Nobelium','102','(259)','N/A C','N/A C');">
<font color="#000000">No</font></a></td>
<td align=center bgcolor="#5F9EA0" width="42" height="19"><a
href="javascript:display('Lawrencium','103','(260)','N/A C','N/A C');">
<font color="#000000">Lr</font></a></td>
</tr>
</table>
</form>
<form name="table">
<table width="500">
<tr>
<td align="center" width="33%">Name</td>
<td align="center" width="33%">Number</td>
<td align="center" width="33%">Atomic Weight (a.m.u.)</td>
</tr>
<tr>
<td align="center" width="33%"><input type="text" name="name" value=" " size="14"></td>
<td align="center" width="33%"><input type="text" name="number" value=" " size="6"></td>
<td align="center" width="33%"><input type="text" name="weight" value=" " size="16"></td>
</tr>
<tr>
<td align="center" width="33%">Melts (Degree Celsius)</td>
<td align="center" width="33%"></td>
<td align="center" width="33%">Boils (Degree Celsius)</td>
</tr>
<tr>
<td align="center" width="33%"><input type="text" name="melt" value=" " size="18"></td>
<td align="center" width="33%"></td>
<td align="center" width="33%"><input type="text" name="Boil" value=" " size="18"></td>
</tr>
</table>
</form>
<hr width=600>
<p><center>
<table border=1 width=500 height="95">
<tr><td colspan=2 align=center height="19">Legend</td>
</tr>
<tr>
<td align=center bgcolor="#5F9EA0" height="1">Metals</td>
<td height="1">A solid substance that is a good conductor of heat and electricity. Can be formed into many shapes.</td>
</tr>
<tr>
<td align=center bgcolor="#FF4500" height="44">Metalloid</td>
<td height="44">"Middle elements" - conduct heat and electricity better than nonmetals, but not as well as metals. Easier to shape than nonmetals, but not as easy as metals. Solid at room temperature.</td>
</tr>
<tr>
<td align=center bgcolor="#FFE4C4" height="8">Nonmetals</td>
<td height="8">A poor conductor of heat and electricity. Not easily formed into shapes.</td>
</tr>
</table>
</center>
</body>
</html> | | |
|
| How to create <SELECT> menues that change on the fly according to other <SELECT> menues on the page? Categories : Java Script, HTML | | | JAVASCRIPT interface class to the eBusiness Charts generatation remote service. Categories : Java Script, Graphics, Charts and Graphs | | | Javascript linked dropdowns Categories : Java Script, HTML, Classes and Objects | | | Javascript animated menu items Categories : DHTML, CSS, Java Script, HTML | | | Bouncing Marquee at Status Bar Categories : Java Script, HTML, Browsers | | | Check if Javascript is Enabled or Disabled - Works in all Browsers Categories : Java Script, HTML, Web Browsers | | | Page Loading Message shown during the time your site's page is being loaded. Categories : HTML, CSS, Java Script | | | complete simply working javascript password generator file. Use letter, vowels, consonants (uppercase and lowercase) arrays to create a really random and secure password.
improved security using time functions to initialize random number generator. Categories : Java Script, HTML, Security, Authentication, Strings | | | Javascript Background Scroller Categories : Java Script, CSS, HTML | | | hick Categories : HTML, Java Script | | | Clock at Status Bar Categories : Java Script, HTML, Date Time | | | Prevent Right Mouse steal your graphics Categories : HTML, Java Script, Security | | | Builds JavaScript that updates the contents of one selector based on another. Categories : HTML, Java Script, PHP, Complete Programs, General | | | Table editable dynamic form with edit + selection (select / option) + checkbox.
Categories : Java Script, DHTML, User Interface, CSS, HTML | | | Bookmarklets are simple tools that extend the surf and
search capabilities of Netscape and Explorer web browsers. Categories : Java Script, HTML, General | |
| | | | Kenn Simons wrote : 1208
I always enjoy items that keep my mind sharp. This does so, and provides a very good example of using javascript to provide dynamic data to a form.
| | | | Erick Schluter wrote :1216
Really like it ! I have got to think of a way to use this somehow !
| |
|
|