JavaScript Diagram Builder - Das Objekt 'Arrow'
|
|
Das Objekt 'Arrow' wird verwendet, um einen Pfeil zu zeichnen. Man kann einen Pfeil nach dem Zeichnen
auch verschieben, verbergen und löschen. Das Objekt 'Arrow' hat einen ziemlich großen unsichtbaren
Rand, so daß es den TooltipText und das onClick-Ereignis benachbarter Objekte stören kann.
Deswegen sollten 'Arrow'-Objekte stets gezeichnet werden, bevor benachbarte 'Bar'- oder 'Box'-Objekte
dargestellt werden.
|
Diese Pfeile wurden erzeugt durch:
<SCRIPT Language="JavaScript">
document.open();
var D=new Diagram();
D.SetFrame(60, 140, 300, 380);
D.SetBorder(-1, 1, -1, 1);
var i, x, y;
for (i=0; i<11; i++)
{ x=Math.sin((i+0.5)*2*Math.PI/11);
y=Math.cos((i+0.5)*2*Math.PI/11);
new Arrow(D.ScreenX(x/3), D.ScreenY(y/3), D.ScreenX(x), D.ScreenY(y), "#0000ff", i%5+1);
}
document.close();
</SCRIPT>
Folgende Methoden können verwendet werden:
- var A = new Arrow(theX0, theY0, theX1, theY1, theColor[, theSize[, theTooltipText[,
theOnClickAction[, theOnMouseoverAction[, theOnMouseoutAction]]]]])
//Konstruktor und Anzeige
- A.SetColor(theColor) //Farbe
- A.SetVisibility(isVisible) //Anzeigen oder Verbergen
- A.SetTitle(theTitle) //TooltipText
- A.MoveTo(theLeft, theTop) //Verschieben
- A.ResizeTo(theX0, theY0, theX1, theY1) //Größe ändern
- A.Delete() //DIV-Objekt von L aus dem Dokument löschen
- delete A //Destruktor