div-Verbindungslinie
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
art
bilden
browser
container
dank
diagramm
empfehlung
entstehen
grafik
http
inhalt
linie
nachteil
prinzip
realisieren
url
verbindung
verlaufen tabellen
verschieben
zeichnen
-
Hallo zusammen,
ich suche eine Möglichkeit, div-Container mit einer Linie zu verbinden. Das ganze soll eine Art Diagramm werden, in dem die einzlenen Inhalte dynamsich geladen werden. Dementsprechend müssen auch die Verbindungen dynamisch zwischen den divs verlaufen.
Tabellen möchte ich sehr ungern verwenden.
Ob die Linien direkt durch CSS erzeugt werden oder ob sie aus Grafiken entstehen, ist mir im Prinzip egal. Es muss nur eben dynamsich sein.
Irgendwleche Ideen?
Danke und Gruß
Tim -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Es gibt 4 mir bekannte möglichkeiten linien die nicht diagonal/horizontal sind auf Webseiten zu realisieren.
-von php erzeugte Bilder (siehe Link von Syberpsace
Falls Du "nur" beim laden der Seite die Linien brauchst ,mach es mit dieser Methode.
Hier ein Tutorial zu JPGraph
-mit Javascript erzeugte div-Elemente die Linien bilden
Falls deine user noch dynamisch die Linien verschieben sollen, ist das meine Empfehlung.
Irgendwo in den weiten des Webs hatte ich mal ein js-framework gefunden mit dem man auf diese Art linien (und mehr) zeichnen kann.
Finde den Link nicht mehr, vielleicht hat ihn jm anders
-Canvas
Seit HTML 5 kann man Linien in reinem html zeichnen. Nachteil, nicht von jedem Browser unterstützt also leider keine Empfehlung.
Canvas+javascript-Beispielseite, wenn Du nix zeichnen kannst mit der Maus, is Dein Browser zu blöd dafür
-und natürlich könnte Flash/Silverlight/Java auch Linien zeichnen
Beitrag zuletzt geändert: 23.8.2010 1:55:42 von simuliertes -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage