You are on page 1of 9

Alicatie demonstrativa: JavaScript

DOCUMENTATIE & COD SURSA

Programarea Avansata a Aplicatiilor Internet

Tabelul lui Mendeleev


Aplicatie JavaScript:
Indicatie de utilizare: se executa Click pe butonul corespunzator
elementului chimic

Cod (Tabelul lui Mendeleev.htm)


<HEAD>

Alicatie demonstrativa: JavaScript

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function display (Name, Number, Weight, Melt, Freeze) {
document.table.name.value=Name;
document.table.number.value=Number;
document.table.weight.value=Weight;
document.table.melt.value=Melt;
document.table.freeze.value=Freeze;
}
// End -->
</script>
<BODY>
<center><h2>Tabelul Periodic al Elementelor</h2>
<p>
<form>
<table cellspacing=2 cellpadding=0 width=500>
<tr>
<td align=center bgcolor="#FFE4C4"><a
href="javascript:display('Hydrogen','1','1.0079','-259.14C','252.87C');">H</a></td>
<td colspan="16"></td>
<td align=center bgcolor="#FFE4C4"><a
href="javascript:display('Helium','2','4.0026','-272C ','268.6C');">He</a></td>
</tr>
<tr>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Lithium','3','6.94','180.54 C','1347
C');">Li</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Beryllium','4','9.01218','1278 C','2970
C');">Be</a></td>
<td colspan="10"></td>
<td align=center bgcolor="#FF4500"><a
href="javascript:display('Boron','5','10.81','2300 C','2550
C');">B</a></td>
<td align=center bgcolor="#FFE4C4"><a
href="javascript:display('Carbon','6','12.011','3500 C','4827
C');">C</a></td>
<td align=center bgcolor="#FFE4C4"><a
href="javascript:display('Nitrogen','7','14.0067','-209.9 C','-195.8
C');">N</a></td>
<td align=center bgcolor="#FFE4C4"><a
href="javascript:display('Oxygen','8','15.9994','-218.4 C','-183.0
C');">O</a></td>
<td align=center bgcolor="#FFE4C4"><a
href="javascript:display('Flourine','9','18.998403','-219.62 C','188.14 C');">F</a></td>
<td align=center bgcolor="#FFE4C4"><a
href="javascript:display('Neon','10','20.17','-248.6 C','-246.1
C');">Ne</a></td>
</tr>
<tr>

Alicatie demonstrativa: JavaScript


<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Sodium','11','22.98977','97.8 C','882.9
C');">Na</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Magnesium','12','24.305','638.8 C','1090
C');">Mg</a></td>
<td colspan="10"></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Aluminum','13','26.98154','660.37 C','2467
C');">Al</a></td>
<td align=center bgcolor="#FF4500"><a
href="javascript:display('Silicon','14','28.0855','1410 C','2355
C');">Si</a></td>
<td align=center bgcolor="#FFE4C4"><a
href="javascript:display('Phosphorous','15','30.97376','44.1 C','280
C');">P</a></td>
<td align=center bgcolor="#FFE4C4"><a
href="javascript:display('Sulfur','16','32.06','112.8 C','444.6
C');">S</a></td>
<td align=center bgcolor="#FFE4C4"><a
href="javascript:display('Chlorine','17','35.453','-100.98 C','-34.6
C');">Cl</a></td>
<td align=center bgcolor="#FFE4C4"><a
href="javascript:display('Argon','18','39.948','-189.3 C','-186
C');">Ar</a></td>
</tr>
<tr>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Potassium','19','39.0983','63.65 C','774
C');">K</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Calcium','20','40.08','839 C','1484.4
C');">Ca</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Scandium','21','44.9559','1539 C','2832
C');">Sc</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Titanium','22','47.90','1660 C','3287
C');">Ti</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Vandium','23','50.9415','189010 C','3380
C');">V</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Chromium','24','51.996','1857 C','2672
C');">Cr</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Manganese','25','54.9380','1245 C','1962
C');">Mn</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Iron','26','55.847','1535 C','2750
C');">Fe</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Cobalt','27','58.9332','1495 C','2870
C');">Co</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Nickel','28','58.71','1453 C','2732
C');">Ni</a></td>

Alicatie demonstrativa: JavaScript


<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Copper','29','63.546','1803 C','2567
C');">Cu</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Zinc','30','65.38','419.58 C','907
C');">Zn</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Gallium','31','69.735','29.78 C','2403
C');">Ga</a></td>
<td align=center bgcolor="#FF4500"><a
href="javascript:display('Germanium','32','72.59','937.4 C','2830
C');">Ge</a></td>
<td align=center bgcolor="#FF4500"><a
href="javascript:display('Arsenic','33','74.9216','81 C ','Sublimes at
613')">As</a></td>
<td align=center bgcolor="#FFE4C4"><a
href="javascript:display('Selenium','34','78.96','217 C','684.9
C');">Se</a></td>
<td align=center bgcolor="#FFE4C4"><a
href="javascript:display('Bromine','35','79.904','-7.2 C','58.78
C');">Br</a></td>
<td align=center bgcolor="#FFE4C4"><a
href="javascript:display('Krypton','36','83.80','-157.2 C','-153.4
C');">Kr</a></td>
</tr>
<tr>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Rubidium','37','85.467','38.89 C','688
C');">Rb</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Strontium','38','87.62','769 C','1384
C');">Sr</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Yttrium','39','88.9059','1523 C','3337
C');">Y</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Zirconium','40','91.22','18522 C','4377
C');">Zr</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Niobium','41','92.9064','246810 C','4927
C');">Nb</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Molybdenum','42','95.94','2617 C','4612
C');">Mo</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Technetium','43','98.9062','220050 C','4877
C');">Tc</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Ruthenium','44','101.07','2250 C','3900
C');">Ru</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Rhodium','45','102.9055','19663 C','3727
C');">Rh</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Palladium','46','106.4','1552 C','2927
C');">Pd</a></td>
<td align=center bgcolor="#5F9EA0"><a

Alicatie demonstrativa: JavaScript


href="javascript:display('Silver','47','107.868','961.93 C','2212
C');">Ag</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Cadmium','48','112.41','320.9 C','765
C');">Cd</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Indium','49','114.82','156.61 C','200010
C');">In</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Tin','50','118.69','231.9 C','2270
C');">Sn</a></td>
<td align=center bgcolor="#FF4500"><a
href="javascript:display('Antimony','51','121.75','630 C','1750
C');">Sb</a></td>
<td align=center bgcolor="#FF4500"><a
href="javascript:display('Tellurium','52','127.60','449.5 C','989.8
C');">Te</a></td>
<td align=center bgcolor="#FFE4C4"><a
href="javascript:display('Iodine','53','126.9045','113.5 C','184 C @ 35
atm')">I</a></td>
<td align=center bgcolor="#FFE4C4"><a
href="javascript:display('Xenon','54','131.30','-111.9 C','-108.1
C');">Xe</a></td>
</tr>
<tr>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Cesium','55','132.9054','28.5 C','678.4
C');">Cs</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Barium','56','137.33','725 C','1140
C');">Ba</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Lanthanum','57','138.9055','920 C','3469
C');">La</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Hafnium','72','178.49','2150 C','5400
C');">Hf</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Tantalum','73','180.947','2996 C','5425100
C');">Ta</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Tungsten','74','183.85','341020 C','5660
C');">W</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Rhenium','75','186.207','3180 C','5627
C');">Re</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Osmium','76','190.2','3045 C','5027
C');">Os</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Iridium','77','192.22','2410 C','4527100
C');">Ir</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Platinum','78','195.09','1772 C','3827
C');">Pt</a></td>
<td align=center bgcolor="#5F9EA0"><a

Alicatie demonstrativa: JavaScript


href="javascript:display('Gold','79','196.9665','1064.43 C','2807
C');">Au</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Mercury','80','200.59','-38.87 C','356.58
C');">Hg</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Thallium','81','204.37','303.5
C','145710C');">Tl</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Lead','82','207.2','327.5 C','1740
C');">Pb</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Bismuth','83','208.9804','271.3
C','15605C');">Bi</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Polonium','84','(209)','254 C','962
C');">Po</a></td>
<td align=center bgcolor="#FF4500"><a
href="javascript:display('Astatine','85','(210)','302 C','337
C');">At</a></td>
<td align=center bgcolor="#FFE4C4"><a
href="javascript:display('Radon','86','(222)','-71 C\t','-61.8
C');">Rn</a></td>
</tr>
<tr>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Francium','87','(223)','27 C\t','677
C');">Fr</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Radium','88','226.0254','700 C','1737
C');">Ra</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Actinium','89','(227)','1050 C','3200300
C');">Ac</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Unnilquadium','104','(260)','N/A C','N/A
C');">Unq</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Unnilpentium','105','(260)','N/A C','N/A
C');">Unp</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Unnilhexium','106','(263)','N/A C','N/A
C');">Unh</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Unnilseptium','107','(262)','N/A C','N/A
C');">Uns</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Unniloctium', '108', '(265)', ' N/A C', 'N/A
C');">Uno</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Unnilennium', '109', '(267)', ' N/A C', 'N/A
C');">Une</a></td>
<td colspan="9"></td>
</tr>
<tr>
<td align=center bgcolor="#5F9EA0"><a

Alicatie demonstrativa: JavaScript


href="javascript:display('Cerium','58','140.12','795 C','3257
C');">Ce</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Praseodymium','59','140.9077','935 C','3127
C');">Pr</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Neodymium','60','144.24','1010 C','3127
C');">Nd</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Promethium','61','(145)','N/A C','N/A
C');">Pm</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Samarium','62','150.4','1072 C','1900
C');">Sm</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Europium','63','151.96','822 C','1597
C');">Eu</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Gadolinium','64','157.25','1311 C','3233
C');">Gd</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Terbium','65','158.9254','1360 C','3041
C');">Tb</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Dysprosium','66','162.50','1412 C','2562
C');">Dy</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Holmium','67','164.9304','1470 C','2720
C');">Ho</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Erbium','68','167.26','1522 C','2510
C');">Er</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Thulium','69','168.9342','1545 C','1727
C');">Tm</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Ytterbium','70','173.04','824 C','1466
C');">Yb</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Lutetium','71','174.96','1656 C','3315
C');">Lu</a></td>
<td colspan="4"></td>
</tr>
<tr>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Thorium','90','232.0381','1750 C','4790
C');">Th</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Proactinium','91','231.0359','1600 C','N/A
C');">Pa</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Uranium','92','238.029','1132 C','3818
C');">U</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Neptunium','93','237.0482','640 C','3902
C');">Np</a></td>
<td align=center bgcolor="#5F9EA0"><a

Alicatie demonstrativa: JavaScript


href="javascript:display('Plutonium','94','(244)','639.52 C','323519
C');">Pu</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Americium','95','(243)','994 C','2607
C');">Am</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Curium','96','(247)','1340 C','N/A
C');">Cm</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Berkelium','97','(247)','N/A C','N/A
C');">Bk</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Californium','98','(251)','N/A C','N/A
C');">Cf</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Einsteinium','99','(254)','N/A C','N/A
C');">Es</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Fremium','100','(257)','N/A C','N/A
C');">Fm</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Mendelevium','101','(258)','N/A C','N/A
C');">Md</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Nobelium','102','(259)','N/A C','N/A
C');">No</a></td>
<td align=center bgcolor="#5F9EA0"><a
href="javascript:display('Lawrencium','103','(260)','N/A C','N/A
C');">Lr</a></td>
<td colspan="4"></td>
</tr>
</table>
</form>
<form name="table">
<table width="500">
<tr>
<td align="center" width="33%">Denumire</td>
<td align="center" width="33%">Numar</td>
<td align="center" width="33%">Greutate</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%">Se topeste la...</td>
<td align="center" width="33%"></td>
<td align="center" width="33%">Fierbe la...</td>
</tr>
<tr>
<td align="center" width="33%"><input type="text" name="melt" value=" "
size="18"></td>
<td align="center" width="33%"></td>

Alicatie demonstrativa: JavaScript


<td align="center" width="33%"><input type="text" name="freeze" value="
" size="18"></td>
</tr>
</table>
</form>
<hr width=600>
<p><center>
<table border=1 width=500>
<tr><td colspan=2 align=center>Legenda</td>
</tr>
<tr>
<td align=center bgcolor="#5F9EA0">Metale</td>
</tr>
<tr>
<td align=center bgcolor="#FF4500">Metaloizi</td>
</tr>
<tr>
<td align=center bgcolor="#FFE4C4">Nemetale</td>
</tr>
</table>
</center>

You might also like