Indem man ein Iframe als _DiagramTarget verwendet, kann man dem Diagramm eine relative Position innerhalb
einer Webseite zuweisen (z. B. nach Text 1 und vor Text 2). Dadurch ist es nicht mehr erforderlich,
absolut positionierte divs zu verwenden, um den Text außerhalb der Diagrammfläche zu halten.
Testen Sie das, indem Sie die Fensterbreite (und damit die Höhe des Textblocks) verändern und
sehen Sie dabei, wie sich das Diagramm mitbewegt und nicht mit dem Text überlappt. Es ist jedoch folgendes
zu beachten: Obwohl sie zum HTML 4.0 Standard gehören, können Iframes bisher noch nicht von allen Webbrowsern
angezeigt werden.
Dieses Diagramm wurde erzeugt durch:
<iframe frameborder=0 scrolling="no" width=400 height=240 name="F1"></iframe>
<SCRIPT Language="JavaScript">
_DiagramTarget=window.frames["F1"];
_DiagramTarget.document.open();
_DiagramTarget.document.writeln("<html><head></head><body bgcolor='#eeeeee'>");
var D=new Diagram();
D.SetFrame(70, 30, 380, 200);
D.SetBorder(10, 50, 0, 4);
D.SetText("X-Skale","Y-Skale","Titel");
D.Draw("#80FF80","#0000FF",true,"Klick mich !","parent.F1DiagramClick()");
_DiagramTarget.document.writeln("</body></html>");
_DiagramTarget.document.close();
function F1DiagramClick(){ alert("Verwenden Sie hier Ihre eigene Funktion."); }
</SCRIPT>