<script>

// some functions from www.kruglov.ru
function GetLayer(layerName){
 //DOM1
  if(document.getElementById) return document.getElementById(layerName)
 //MSIE4
  if(document.all) return document.all[layerName]
 //Netscape  4 
  if(document.layers) return document.layers[layerName]
 //неподдерживаемый браузер
  return null
}

function SetPixel(x,y,color)
{
if(color==null) color= "black" ;
var str= "";
if(document.layers)
{
str=" <style> #x "+parseInt(x)+" y "+parseInt(y)+"  { position: absolute; bgColor= "+color+" ; } </style> ";
str+=" <div id='x"+parseInt(x)+"y"+parseInt(y)+"'><table></table></div> ";
}
else
{
str=" <div style=\ "position:absolute; left:" +parseInt(x)+ "; top:" +parseInt(y)+ "; width:1 ; height: 1 ; background-color:"+color+ "\" ><table></table></div> ";
}
return str;
}

function WriteLayer(LayerName,String)
{
var layer=GetLayer(LayerName);
if(layer!=null)
{
if(document.layers)
{
layer.document.open();
layer.document.write(String);
layer.document.close();
}
else
{
layer.innerHTML=String;
}
}
}

function Redraw()
{
var str="  ";
for( var x=0 ; x <  400 ; x++)
{
   var y=Math.sin( x /  50  );
   str+=SetPixel( x +  200 , - y *  100  +  150 );
}
WriteLayer("View ",str);
}

function Clear()
{
WriteLayer(" View ","  ");
}
</script>


<div id=View style=" position:absolute "></div>

<form>
<input type=button onclick=" javascript:Redraw() " value=" Click here to draw "></input>
<p>
<input type=button onclick=" javascript:Clear() " value=" Click here to clear"></input>
</form>