JavaScript Diagram Builder - Posição relativa
Incluindo o código do diagrama entre <div style='position:relative; top:0px; height:220px'> e </div>
você pode pôr um diagrama a numa posição relativa em uma página web também sem usar-se dos iframes (por exemplo após o texto 1 e antes do texto 2).
Os valores para as posições verticais dos objetos do diagrama são com referência ao div. Em vez de height:220px você deve
usar a altura, que é requerida pelo diagrama. Nesta maneira os diagramas podem ser introduzidos diretamente entre blocos de texto
de uma página web. Teste-o alterando a largura de sua janela e veja-o como o diagrama se move e não se sobrepõe com o texto.
Este método não trabalha com o browser velho Netscape 4.7, que entretanto é quase não mais usado.
Este diagrama foi gerado pelo
<div style='position:relative; top:0px; height:220px'>
<SCRIPT Language="JavaScript">
var D=new Diagram();
D.SetFrame(70, 30, 380, 200);
D.SetBorder(10, 50, 0, 4);
D.Draw("#80FF80","#0000FF",false);
for (var i=15; i<50; i+=5)
new Bar(D.ScreenX(i)-10, D.ScreenY(i%3+1), D.ScreenX(i)+10, D.ScreenY(0), "#00cccc");
</SCRIPT>
</div>