This diagram was generated by
<SCRIPT Language="JavaScript">
document.open();
var D=new Diagram();
D.SetFrame(80, 160, 640, 460);
D.SetBorder(6, 18, 0, 6);
D.XGridDelta=1;
D.SetGridColor("#808080");
D.Draw("#FF80FF", "#000000", false);
var Size, Type, x;
Color=new Array("#000000","#FF0000","#0000FF","#000000","#FF0000","#0000FF");
for (Size=6; Size<=18; Size++)
{ x=D.ScreenX(Size);
new Dot(x, D.ScreenY(0), Size, 'smile.gif', "", "Type: smile.gif, Size:"+Size);
for (Type=1; Type<7; Type++)
new Dot(x, D.ScreenY(Type), Size, Type, Color[Type-1], "Type:"+Type+", Size:"+Size);
}
document.close();
</SCRIPT>
You can use the following methods:
- var D = new Dot(theX, theY, theSize, theType, theColor[, theTooltipText
[, theOnClickAction[, theOnMouseoverAction[, theOnMouseoutAction]]]])
//Constructor and Display, size should be 6..18, type should be 1..6 or an image
- D.SetColor(theColor) //Color
- D.SetVisibility(isVisible) //Show or Hide
- D.SetTitle(theTitle) //TooltipText
- D.MoveTo(theX, theY) //Move
- D.Delete() //Delete DIV object of D from the document
- delete D //Destructor