JavaScript Diagram Builder - Exemplo De Iframe
Usando um iframe como _DiagramTarget você pode pôr um diagrama a uma posição relativa dentro de uma
página web (por exemplo após o texto 1 e antes do texto 2). Com esta não há nenhuma necessidade usar mais divs
posicionados absolutos, para manter o texto fora da área do diagrama. Teste-a alterando a largura de sua janela e
veja-o como o diagrama se move e não se sobrepõe com o texto. Entretanto ciao: Embora pertençam ao padrão do HTML 4.0,
os iframes não são suportados perto agora por todos os browsers.
Este diagrama foi gerado pelo
<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-Label","Y-Label","Title");
D.Draw("#80FF80","#0000FF",true,"Clique aqui !","parent.F1DiagramClick()");
_DiagramTarget.document.writeln("</body></html>");
_DiagramTarget.document.close();
function F1DiagramClick(){ alert("Use your own function here."); }
</SCRIPT>