<html> 
<head>
	
<DIV CLASS="body">
 <H1>Document Object Model Table Sample</H1>
 <BLOCKQUOTE><DIV ID="oTableContainer"></DIV> </BLOCKQUOTE>
 <SCRIPT LANGUAGE="JavaScript"> //window.onload = fnInit;
  function inrand()
  {
    var oRow = oTable.insertRow(-1);
var oCell = oRow.insertCell(-1);
oCell.innerHTML = "Download the latest version of <I>Internet Explorer</I> from here."
  }


  function fnInit()
  {
  // Declare variables and create the header, footer, and caption.   
	var oTable = document.createElement("TABLE");   
	var oTHead = document.createElement("THEAD");   
	var oTBody0 = document.createElement("TBODY");   
	var oTBody1 = document.createElement("TBODY");   
	var oTFoot = document.createElement("TFOOT");   
	var oCaption = document.createElement("CAPTION");   
	var oRow, oCell;   var i, j; 
   
  // Declare stock data that would normally be read in from a stock Web site.   
	var heading = new Array();    
	heading[0] = "Stock symbol";   
	heading[1] = "High";   
	heading[2] = "Low";   
	heading[3] = "Close";    
	var stock = new Array();    
	stock[0] = new Array("ABCD","88.625","85.50","85.81");   
	stock[1] = new Array("EFGH","102.75","97.50","100.063");   
	stock[2] = new Array("IJKL","56.125","54.50","55.688");   
	stock[3] = new Array("MNOP","71.75","69.00","69.00");     

  // Insert the created elements into oTable.   
	oTable.appendChild(oTHead);   
	oTable.appendChild(oTBody0);   
	oTable.appendChild(oTBody1);   
	oTable.appendChild(oTFoot);   
	oTable.appendChild(oCaption);      

  // Set the table's border width and colors.   
	oTable.border=1;   
	oTable.bgColor="lightslategray";      

  // Insert a row into the header and set its background color.   
	oRow = document.createElement("TR");   
	oTHead.appendChild(oRow);   
	oTHead.setAttribute("bgColor","lightskyblue");      

  // Create and insert cells into the header row.   
	for (i=0; i<heading.length; i++){oCell = document.createElement("TH"); oCell.innerHTML = heading[i]; oRow.appendChild(oCell);}      

  // Insert rows and cells into bodies.   
	for (i=0; i<stock.length; i++){var oBody = (i<2) ? oTBody0 : oTBody1; oRow = document.createElement("TR"); oBody.appendChild(oRow);
                                     for (j=0; j<stock[i].length; j++){oCell = document.createElement("TD"); oCell.innerHTML = stock[i][j];
                                     oRow.appendChild(oCell);}}      

  // Set the background color of the first body.   
	oTBody0.setAttribute("bgColor","lemonchiffon");   
	oTBody1.setAttribute("bgColor","goldenrod");      

  // Create and insert rows and cells into the footer row.   
	oRow = document.createElement("TR");   
	oTFoot.appendChild(oRow);   
	oCell = document.createElement("TD");   
	oRow.appendChild(oCell);   
	oCell.innerHTML = "Quotes are for example only.";   
	oCell.colSpan = "4";   
	oCell.bgColor = "lightskyblue";      

  // Set the innerHTML of the caption and position it at the bottom of the table.   
	oCaption.innerHTML = "Created using Document Object Model."   
	oCaption.style.fontSize = "10px";   
	oCaption.align = "bottom";      

  // Insert the table into the document tree.   
	oTableContainer.appendChild(oTable); 
  } 
</SCRIPT>


</head>
<body>

<TABLE Border="1" BGCOLOR="lightslategray" name="T1">

  <tr><td>
	<form>
		<input type="button" value="Creare tabel" name="B1" style="width:110;height:25;text-align:left" onClick="fnInit()">
		<input type="button" value="Inserare rand" name="B2" style="width:110;height:25;text-align:left" onClick="">

	</form>
  </td></tr>

  
</ TABLE>


</DIV>
</body>
</html>