[html] kaders met elkaar verbinden (stamboom)

[ieperlingetje]

Ik ben bezig met een stamboomapplicatie te maken, zover lukt alles. Maar nu ben ik op zoek naar een manier om dit weer te geven op de website. Bijv: . Ik hoopte dit eerst met html te kunnen doen, en kaders lukken dmv div wel, maar dus geen tussenliggende lijnen. Ook via javascript frameworks heb ik niks gevonden. Iemand een idee hoe ik dit toch kan realiseren? PHPmyadmin heeft iets gelijkaardigs voor tabelrelaties weer te geven, maar dat heb ik niet kunnen ontfutselen uit hun code

[Voutloos]

Alternatief zou je graphviz kunnen gebruiken.

[ieperlingetje]

graphviz genereert toch ook maar enkel afbeeldingen?

[kaesve]

je kan dit proberen om de lijnen te genereren: http://www.p01.org/releases/Drawing_lines_in_JavaScript/

[Wolfboy]

Je kan dit in principe vrij redelijk met de canvas tag doen.

Maar voor een kant en klare library, kijk eens naar de JavaScript InfoVis Toolkit: http://thejit.org/home/

[ieperlingetje]

die JavaScript InfoVis Toolkit is wel mooi. Bedankt, ga ik eens uitproberen.

[pieturp]

RaphaelJS al bekeken ?

[Rekcor]

Je zou ook http://www.draw2d.org/draw2d/ kunnen bekijken. Is GPL, maar de maker wil wel 4,99E hebben voor de download.

[Verwijderd]

Zoals WolfBoy zegt lijkt Canvas mij de makkelijkste oplossing. Is wel vrij nieuw (HTML 5) dus als je veel verschillende browsers verwacht is dit misschien niet handig. Deze tutorial hielp mij mooi op weg: klik

PHPMyAdmin doet het serverside met de GD functies van PHP, ook een goede optie wanneer je browseronafhankelijk wilt zijn.

[Wolfboy]

Verwijderd schreef op maandag 21 juni 2010 @ 11:33:
Zoals WolfBoy zegt lijkt Canvas mij de makkelijkste oplossing. Is wel vrij nieuw (HTML 5) dus als je veel verschillende browsers verwacht is dit misschien niet handig. Deze tutorial hielp mij mooi op weg: klik

Gelukkig kan je de canvas tag emuleren in internet explorer met de explorer canvas library: http://code.google.com/p/explorercanvas/

[Bosmonster]

Maar dan kun je uiteindelijk dus net zo goed pieterp zn tip aanhouden. Die voegt al die losse onderdelen samen in een prima xbrowser vector/animatie library.

[ Voor 38% gewijzigd door Bosmonster op 21-06-2010 13:42 ]

[Johnvh]

Misschien dat je iets jsPlumb kunt? http://morrisonpitt.com/jsPlumb/html/demo.html, http://morrisonpitt.com/jsPlumb/html/demo2.html

[SandaX]

Ik heb een tijd terug een dergelijke stamboom gemaakt door gebruik te maken van van list items icm CSS en een achtergrondimage voor de lijnen.

Of je hier direct iets aan hebt weet ik niet, maar het is misschien een andere insteek voor een oplossing.