defietser
Gebruiker
- Lid geworden
- 6 feb 2007
- Berichten
- 460
Hulp nodig
Kan iemand die javascript code uitbreiden zodat er ook nog een plaatje getoond wordt
Hartelijk dank
defietser
Kan iemand die javascript code uitbreiden zodat er ook nog een plaatje getoond wordt
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<SCRIPT LANGUAGE="JavaScript">
// Periodic Table of Elements By Matthew Hoesch mdih@msn.com
// Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/
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;
}
</script>
</head>
<body>
<h2 align="left"><font face="Arial" size="3">Periodic table of the elements</font></h2>
<form>
<table cellspacing=2 cellpadding=0 width=500>
<tr>
<td align=center bgcolor=#FFE4C4>
<p align="left"> <a href=javascript:display('Hydrogen','1','1.0079','-259.14C','-252.87C');><font face="Verdana" size="2">H</font></a>
</p>
</td>
<td colspan=16>
<p align="left"></td>
<td align=center bgcolor=#FFE4C4>
<p align="left"> <a href="javascript:display('Helium','2','4.0026','-272C @ 26ATM','-268.6C');"><font face="Verdana" size="2">He</font></a>
</p>
</td>
</tr>
</table>
</form>
<form name=table>
<table width=500 border="1" cellspacing="0" cellpadding="2">
<tr >
<td align=center width=33%>
<p align="left"><b> Name </b></p>
</td> <td align=center width=33%>
<p align="left"><b> Number </b></p>
</td> <td align=center width=33%>
<p align="left"><b> Weight </b></p>
</td>
</tr>
<tr>
<td align=center width=33%>
<p align="left">
<input type=text name=name value=" " size=14>
</p>
</td>
<td align=center width=33%>
<p align="left">
<input type=text name=number value=" " size=6>
</p>
</td>
<td align=center width=33%>
<p align="left">
<input type=text name=weight value=" " size=16>
</p>
</td>
</tr>
<tr>
<td align=center width=33% >
<p align="left"><b> Melts </b></p>
</td>
<td align=center width=33%>
<p align="left"> </td>
<td align=center width=33% >
<p align="left"><b> Freezes </b></p>
</td>
</tr>
<tr>
<td align=center width=33%>
<p align="left">
<input type=text name=melt value=" " size=18>
</p>
</td>
<td align=center width=33%>
<p align="left"> </td>
<td align=center width=33%>
<p align="left">
<input type=text name=freeze value=" " size=18>
</p>
</td>
</tr>
</table>
</form>
<center>
<div align="left">
<table border=1 width=500 cellpadding="2" cellspacing="0">
<tr>
<td colspan=2 align=center ><font face="Arial" size="2"><b> Legend</b></font></td>
</tr>
<tr>
<td align=center bgcolor=#5F9EA0> <font face="Arial" size="2"> Metals</font> </td>
<td ><font face="Arial" size="2"> A solid substance that is a good conductor of heat and electricity. Can
be formed into many shapes.</font></td>
</tr>
<tr>
<td align=center bgcolor=#FF4500> <font face="Arial" size="2"> Metalloid</font> </td>
<td > <font face="Arial" size="2">"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.</font></td>
</tr>
<tr>
<td align=center bgcolor=#FFE4C4> <font face="Arial" size="2"> Nonmetals</font> </td>
<td ><font face="Arial" size="2"> A poor conductor of heat and electricity. Not easily formed into shapes.</font></td>
</tr>
</table>
</div>
</center>
</body>
</html>defietser
en.
