Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][HTML]Linie łączące div'y
Fifi209
post 1.06.2011, 15:31:54
Post #1





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

Ostrzeżenie: (0%)
-----


Jestem w trakcie pisania prostego generatora "diagramów"(?) jakby tego nie nazywać tworzę div'y, dodaję tekst, rozmieszczam je

Przykładowo wygląda to tak:


Uploaded with ImageShack.us

Chciałbym uzyskać efekt mniej więcej taki:


Uploaded with ImageShack.us

Czyli dać możliwość połączenia liniami, jak to najprościej uzyskać z pomocą html i javascript?


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
Pawel_W
post 1.06.2011, 15:36:17
Post #2





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

Ostrzeżenie: (0%)
-----


narysować to w canvas? smile.gif
Go to the top of the page
+Quote Post
aeaeae
post 1.06.2011, 15:52:53
Post #3





Grupa: Zarejestrowani
Postów: 117
Pomógł: 23
Dołączył: 5.03.2011

Ostrzeżenie: (0%)
-----


Te linie łączące (poziome i pionowe) też mogą być divami. Poziome o wysokości 1px, pionowe o szerokości 1px ... Z tego, co pamiętam, to w IE są z tym problemy (może border-top:1px je rozwiąże, nie pamiętam - sprawdź ...).
Go to the top of the page
+Quote Post
Fifi209
post 1.06.2011, 16:16:54
Post #4





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

Ostrzeżenie: (0%)
-----


Problem mniejszy niż z canvas, bo ustawi się odpowiedni z-index, pozycję jako absolute, tylko jest inny problem z obydwoma rozwiązaniami. Nie będę mógł tworzyć bardziej wyrafinowanych linni, np. z dwoma zagięciami (kąty proste oczywiście)


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
aeaeae
post 1.06.2011, 16:26:33
Post #5





Grupa: Zarejestrowani
Postów: 117
Pomógł: 23
Dołączył: 5.03.2011

Ostrzeżenie: (0%)
-----


Cytat(Fifi209 @ 1.06.2011, 17:16:54 ) *
Nie będę mógł tworzyć bardziej wyrafinowanych linni, np. z dwoma zagięciami (kąty proste oczywiście)


Czemu nie. Trzeba się w JS pomęczyć z algorytmem ...
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 29.06.2025 - 02:35