JavaScript Diagram Builder - Browser-Unterstützung

JavaScript Diagram Builder 2.0 funktioniert mit Microsoft Internet Explorer 5.x, Netscape 6.x, Netscape 4.x und Opera 5.x unter Windows und mit Netscape 6.x, Netscape 4.x und Opera 5.x unter Linux. Die meisten der Methoden, welche dynamisch die Eigenschaften der Objekte ändern, funktionieren nur mit Internet Explorer und Netscape 6 korrekt. Hier können Sie die Methoden für die einzelnen Objekte testen.
Methode\Objekt Diagram Bar Box Dot Pixel
Draw        
SetVisibility
SetText      
SetTitle  
MoveTo  
ResizeTo      
Delete


  Windows Linux
ObjektMethode IEN6N4O5 N6N4O5
DiagramDraw jajajanein jajanein
SetVisibility jajajanein jajanein
SetTitle jajaneinnein janeinnein
Delete jajajanein jajanein
Bar & BoxSetVisibility jajajaja jajaja
SetText jajajanein jajanein
SetTitle jajaneinja janeinja
MoveTo jajajaja jajaja
ResizeTo jajajanein jajanein
Delete jajajanein jajanein
DotSetVisibility jajajaja jajaja
SetTitle jajaneinja janeinja
MoveTo jajajaja jajaja
Delete jajajanein jajanein
PixelSetVisibility jajajaja jajaja
MoveTo jajajaja jajaja
Delete jajajanein jajanein

Wegen eines Fehlers in Netscape 4.x (N4) muß der folgende Code in die Webseite geschrieben werden
bevor die 'Diagram'-Objekte verwendet werden:
<DIV STYLE="position:absolute; top:0"></DIV>
Außerdem muß für N4 die Datei transparent.gif im Verzeichnis der Webseite enthalten sein.
Weiterhin bereitet N4 Probleme wenn eine Seite mit einem Diagramm in ein neues Fenster geöffnet wird, dann wird das externe Script nicht eingebunden. Um diesen Fehler zu umgehen, muß die Seite neu geladen werden, automatisch geschieht das mit
<SCRIPT Language="JavaScript">if ((document.layers)&&(history.length==1)) location.href=location.href+"#";</SCRIPT>
welches im Head vor dem einzubindenden externen Script eingefügt werden muß.
Tooltip-Text funktioniert prinzipiell nicht mit N4. Das Klicken auf ein 'Bar'- oder 'Box'-Objekt funktioniert nur dann mit N4, wenn auf den Text geklickt wird.
Bei N4 unter Linux ist es nicht möglich die absolute Fontgröße zu beeinflussen. Die Objekte werden nur dann korrekt dargestellt, wenn als Standard-Fontgröße "14" eingestellt ist. Folglich werden hier auch alle 'Dot'-Objekte in der gleichen Größe dargestellt, unabhängig vom gewählten Size-Parameter.

Einige Browser drucken nicht die Hintergrundfarbe der Objekte (betrifft 'Diagram', 'Bar' und 'Box'). Wenn Sie ein Diagramm erzeugen wollen, das auch mit Hintergrundfarbe gedruckt werden kann, können Sie den folgenden Trick benutzen: Zeichnen Sie ein 'Bar'-Objekt, bevor das Diagram gezeichnet wird, an die selbe Position wie das Diagramm und verwenden Sie ein Image-Tag anstelle des Textes beim 'Bar'-Objekt, z. B. so:

BG=new Bar(10, 20, 110, 70, "#FF0000", "<img src='red.gif' width=100 height=50 border=0>", "#000000");
D=new Diagram();
D.SetFrame(10, 20, 110, 70);
...
D.Draw(...);

Die letzte Bemerkung betrifft Namen von Variablen, Funktionen und IDs: Der Diagram Builder verwendet einige globale Variablen und Funktionen, die alle mit dem Zeichen "_" beginnen (z. B. "_Draw()"). Um Fehler zu vermeiden, die durch mehrfache Verwendung von Variablen- oder Funktionsnamen verursacht werden, sollten in Ihrem Script keine Namen verwendet werden, welche mit dem Zeichen "_" beginnen. Zusätzlich werden ID's für die Objekte verwendet, die mit "Dia", "Bar", "Box", "Dot" oder "Pix" beginnen. Verwenden Sie keine ID's in Ihrer HTML-Seite, die mit einer dieser Zeichenketten beginnen (verwenden Sie beispielsweise nicht <div id='Dia1'>...</div>).

« Dynamisches Beispiel Ende