 [JavaScript][HTML]Linie łączące div'y |
| [JavaScript][HTML]Linie łączące div'y |
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: (IMG:http://img269.imageshack.us/img269/2696/61785360.jpg) Uploaded with ImageShack.us Chciałbym uzyskać efekt mniej więcej taki: (IMG:http://img862.imageshack.us/img862/3682/90127443.jpg) Uploaded with ImageShack.us Czyli dać możliwość połączenia liniami, jak to najprościej uzyskać z pomocą html i javascript? |
 |
 
|
 |
|
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? (IMG:style_emoticons/default/smile.gif)
|
|
|
|
|
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ź ...).
|
|
|
|
|
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)
|
|
|
|
|
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 ... |
|
|
|
 |
|
Aktualny czas: 22.08.2025 - 11:46 |
