/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Organinsations-diagrammer i DHTML?
Fra : Joergen Ramskov


Dato : 04-04-01 14:39

Jeg har behov for (udfra en række koordiater, der hentes i en
database) at lave/vise noget i stil med organisations-diagrammer.

Jeg har tænkt på at det muligvis kunne gøres vha. DHTML.

"Kasserne" (i et org. diagram) burde uden de store problemer, kunne
laves vha. CSS.
Et større problem er forbindelserne mellem de forskellige kasser. Det
skal være muligt at lave én (og max én) pil ud fra en kasse (og til en
anden), og flere pile ind til én kasse (fra andre).

Da det skal være muligt at klikke på kasserne (eller et link i
kasserne), så må de forskellige kasser og pile ikke "ligge" ovenover
andre kasser.

Mht. pilene, så får jeg et koordinat for midtpunktet af "start-kassen"
og "slut-kassen"

Det gør ikke noget at det stiller høje krav til browseren, sålænge det
blot fungerer i de nyeste versioner af IE, Netscape (dvs. 6.x) samt
gerne også Opera og Konqueror - jo flere browsere jo bedre,
selvfølgeligt. Generelt kan det siges at jeg går rimeligt meget efter
at overholde W3C standarderne.

Er det muligt? Hvordan?

/Jørgen Ramskov

 
 
Allan Vebel (04-04-2001)
Kommentar
Fra : Allan Vebel


Dato : 04-04-01 22:15

Joergen Ramskov <t74fdbg001@sneakemail.com> skrev

> "Kasserne" (i et org. diagram) burde uden de
> store problemer, kunne laves vha. CSS.

Jo, du kunne jo lave en masser kasser med tekst og pile med

<div
style="position:absolute;top:100px;left:200px;height:20px;width:150px;backgr
ound:#ffffdd;border:solid 1px balck;padding:2px;text-align:center"><a
href="link1.htm">Tekst i denne kasse</a></div>
<div style="..."><img src="pil_h.gif"></div>
<div style="...">Tekst i kasse 2</div>

Det kan positioneres og formes helt præcist. Du kan naturligvis have alle
egenskaberne for din <div> i en .class, så er det ret nemt at styre.

Det kan selvfølgelig blive noget af et puslespil hvis du har mange kasser og
pile - og så er der opdateringen, hvis det bliver ændret jævnligt.

Personligt ville jeg nok ty til en snydeløsning med ét billede og et
imagemap. Det har den fordel at det også fungerer i ældre browsere - og ser
helt ensartet ud.

Jeg har også set det lavet med en tabel på http://hjem.get2net.dk/egin/ -
klik på Navigation på siderne, men den er vist heller ikke lige til at
vedligeholde.

--
Allan




Joergen Ramskov (05-04-2001)
Kommentar
Fra : Joergen Ramskov


Dato : 05-04-01 08:23

"Allan Vebel" <allan@vebel.dk> wrote in message
news:jbMy6.380$II3.15292@news.get2net.dk...
> Joergen Ramskov <t74fdbg001@sneakemail.com> skrev
>
> > "Kasserne" (i et org. diagram) burde uden de
> > store problemer, kunne laves vha. CSS.
>
> Jo, du kunne jo lave en masser kasser med tekst og pile med
>
> <div
>
style="position:absolute;top:100px;left:200px;height:20px;width:150px;backgr
> ound:#ffffdd;border:solid 1px balck;padding:2px;text-align:center"><a
> href="link1.htm">Tekst i denne kasse</a></div>
> <div style="..."><img src="pil_h.gif"></div>
> <div style="...">Tekst i kasse 2</div>

Jeg ser du benytter en "pil_h.gif" - jeg havde mest forestillet mig at lave
det helt uden brug af billeder, men jeg tænkte nok at det ville blive svært


> Det kan positioneres og formes helt præcist. Du kan naturligvis have alle
> egenskaberne for din <div> i en .class, så er det ret nemt at styre.

..class har jeg ikke lige stiftet kendskab med i forbindelse med CSS?

> Det kan selvfølgelig blive noget af et puslespil hvis du har mange kasser
og
> pile - og så er der opdateringen, hvis det bliver ændret jævnligt.

Det skal som sagt genereres ud fra en database via Java servlets.

> Personligt ville jeg nok ty til en snydeløsning med ét billede og et
> imagemap. Det har den fordel at det også fungerer i ældre browsere - og
ser
> helt ensartet ud.

Ja, det kan godt være at det vil være den bedste løsning - problemet er at
diagrammet godt kan blive relativt stort...men gif billeder er selvfølgeligt
heller ikke så store.

> Jeg har også set det lavet med en tabel på http://hjem.get2net.dk/egin/ -
> klik på Navigation på siderne, men den er vist heller ikke lige til at
> vedligeholde.

Det er ikke helt det jeg har behov for, men tak for hjælpen.

/Jørgen Ramskov



Jonas Astrup - html.~ (05-04-2001)
Kommentar
Fra : Jonas Astrup - html.~


Dato : 05-04-01 16:22

Joergen Ramskov wrote in dk.edb.internet.webdesign.html:
> Jeg ser du benytter en "pil_h.gif" - jeg havde mest forestillet
> mig at lave det helt uden brug af billeder, men jeg tænkte nok
> at det ville blive svært

Er det Inter- eller Intranet? Hvis du ved hvilke fonte der er på brugernes
PC'ere skulle det nok kunne lade sig gøre at lave nogle pile med tekst og CSS.
Men hvis det er Internet....

> .class har jeg ikke lige stiftet kendskab med i forbindelse med CSS?

Istedet for in-line styles benyttes ofte id og class til at identificere
elementer i et eksternt stylesheet. Se evt.:
http://www.html.dk/tutorials/css/lektion7.asp

> Det skal som sagt genereres ud fra en database via Java servlets.

Hmmm.... har du overvejet at manipulere billeder serverside?

Jeg ved ikke om det bliver for langsomt - men jeg tænkte på sådan noget a la
denne serverkomponent:
http://www.serverobjects.com/products.htm#aspimage

Der findes vist noget lignenede til PHP.

Mvh
Jonas


--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

Søg
Reklame
Statistik
Spørgsmål : 177557
Tips : 31968
Nyheder : 719565
Indlæg : 6408885
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste