Solved: Wienplan mit Layers?

grOOvekill@

Legend
Vienna Badass

Registered: Nov 2001
Location: @home
Posts: 2301

07.08.2003 - 14:17

S'gott,

folgende Frage: Ich muss einen Anfahrtsplan für eine Website basteln. Darauf sollte natürlich eine bestimmte Adresse gekennzeichnet sein, aber auch öffentliche Verkehrsmittel und bestimmte Lokalitäten. Nun habe ich irgendwann mal auf einer Website einen Anfahrtsplan gesehen, wo man unter dem Plan auf verschiedene Links (U4, U3, 38A, etc.) klicken und dadurch die Routen der öffentlichen Verkehrsmittel, als verschieden gefärbte Linien durch den Plan, ein und ausblenden konnte. Nun ist meine Frage wie ich dies am besten bewerkstelligen soll. Mit Layers? Mittels Javascript? Oder wie? Oder was? Wie würdet ihr sowas angehen?

tia

Bearbeitet von grOOvekill@ am 13.08.2003, 07:17

Fidel

Here to stay

Registered: Jul 2000
Location: Eisenstadt
Posts: 4519

07.08.2003 - 14:18

mit layers im dreamweaver - falls du solche software dafür verwendest?

grOOvekill@

Legend
Vienna Badass

Registered: Nov 2001
Location: @home
Posts: 2301

07.08.2003 - 14:20

Naja, eigentlich mach ich alles mit Editplus, also ohne Dreamweaver, weil ich den auch gar nicht hab. Ich schätze mal, ohne Dreamweaver werde ich Probleme mit Layern haben? Hab leider noch nix mit Layern zu tun gehabt.

The Red Guy

Untitled

Registered: Jul 2001
Location: Transdanubia
Posts: 3121

07.08.2003 - 14:22

Unter http://www.wien.gv.at gibts einen link auf einen stadtplan. Du suchst dir die Gegend, blendest alle Optionen ein und kopierst dir das bild.

Oder du verlinkst diese Url und der Plan wird immer neu gezeichnet bei einem aufruf.

Sollte funktionieren.

EDIT: Ah falsch verstanden. Mit Layers ist das aber blöd. weil du für jede Variante ein Bild bräuchtest.

grOOvekill@

Legend
Vienna Badass

Registered: Nov 2001
Location: @home
Posts: 2301

07.08.2003 - 14:28

Naja, eigentlich müßte ich für jedes öffentliche Verkehrsmittel den eingefärbten Strich zeichnen, der sich einfach über den Plan legt. Natürlich sind das dann mehrere Bilder, aber den Plan als solchen würde ich ja nur einmal benötigen, oder?

The Red Guy

Untitled

Registered: Jul 2001
Location: Transdanubia
Posts: 3121

07.08.2003 - 14:35

Hmmm...ja wenn du vorher die Linien mittels Transparenter Gifs erledigst...

Ist aber ein ganz schöner Aufwand, für dass das die Stadt Wien so einen tollen Echtzeitplan gratis zur verfügung stellt.

Fidel

Here to stay

Registered: Jul 2000
Location: Eisenstadt
Posts: 4519

07.08.2003 - 14:36

stimmt :-)

grOOvekill@

Legend
Vienna Badass

Registered: Nov 2001
Location: @home
Posts: 2301

07.08.2003 - 14:44

Naja, eigentlich soll es so eine Art Anfahrtsplan werden, der nur einen bestimmten Bereich abdeckt, es geht ja nicht um einen kompletten Wienplan. Zusätzlich anzeigen müßte ich: 1 UBahnlinie, 4 Bimlinien und 2 Buslinien. Das war's. Die jeweiligen Listen erstelle ich gerade als Gif. Jetzt müßte ich nur mehr wissen, wie ich das Zeugs am besten übereinanderlege.

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

07.08.2003 - 16:38

iirc gibts auch von wien.gv.at so nen anfahrtsplan-service... wie auch immer...

Code:

<div name="layer0">
  <div name="layer1">
    <div name="layer2">
      usw.
    </div>
  </div>
</div>

so, den div's weist du das jeweilige layer-bild als hintergrundbild zu, um dann einen layer auszuschalten machst du einfach ein javascript, welches zum ausschalten des hintergrundbild ganz einfach auf none setzt -> passt

grOOvekill@

Legend
Vienna Badass

Registered: Nov 2001
Location: @home
Posts: 2301

12.08.2003 - 15:02

Okay, möglicherweise bin ich einfach patschert, aber des funzt bei mir net. Die Dinger liegen bei mir nicht übereinander sondern untereinander. Auch nach mehrmaligen Umschachteln hab ich das Ding nicht zum Laufen gebracht.

Und wie sollte das dazugehörige Javascript überhaupt aussehen? Ich bin soooooooooo ein Javascript Noob!

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

12.08.2003 - 16:58

da is jetz aber ein "dankeschön" fällig... :rolleyes:

Code:

<head>
<style>
div {
	height:100px;
	width:100px;
	}

.layer0 {
	background-image:none;
	background-color:transparent;
	}
.layer1 {
	background-image:url(x1.gif);
	background-color:red;
	}
.layer2 {
	background-image:url(x2.gif);
	background-color:green;
	}
.layer3 {
	background-image:url(x3.gif);
	background-color:blue;
	}
usw.
</style>
<script type="text/javascript">
var switches = new Array();

function switcher(id)
{
	if(switches[id] != 0)
	{
		document.getElementById("layer"+id).className = "layer0";
		switches[id] = 0;
	}
	else
	{
		document.getElementById("layer"+id).className = "layer"+id;
		switches[id] = id;
	}
}
</script>
</head>
<body>
<div id="layer1" class="layer1">
  <div id="layer2" class="layer2">
    <div id="layer3" class="layer3">
      usw.
    </div>
  </div>
</div>
<a href="javascript:switcher(2)">öffentliche Verkehrsmittel</a><br />
<a href="javascript:switcher(3)">Tankstellen Verkehrsmittel</a>
</body>

grOOvekill@

Legend
Vienna Badass

Registered: Nov 2001
Location: @home
Posts: 2301

12.08.2003 - 20:18

Watchout, du bist echt ein Knüller. Fühle dich auf diesem Wege virtuell umarmt!

Ich hab's zwar noch nicht ausprobiert, aber ich weiß es echt zu schätzen, daß du dir die Mühe gemacht hast, ehrlich! Vielen herzlichen Dank!

atrox

in fairy dust... I trust!

Registered: Sep 2002
Location: HTTP/1.1 404
Posts: 2782

12.08.2003 - 21:02

nur vorsicht beim 'umdefinieren' des <div> tags: das wirkt sich auch auf die anderen divs im dokument aus.

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

12.08.2003 - 22:52

Zitat von grOOvekill@
Watchout, du bist echt ein Knüller. Fühle dich auf diesem Wege virtuell umarmt! Ich hab's zwar noch nicht ausprobiert, aber ich weiß es echt zu schätzen, daß du dir die Mühe gemacht hast, ehrlich! Vielen herzlichen Dank!

danke danke

@atrox: is ja nur ne vorlage, man wird das kaum auf 100x100, und man kann das ja auch ganz einfach anpassen, zb so:

Code:
edited

ps: irgendwie macht das forum aus "javascript" "java script" bei den links, soll natürlich nicht so sein

edit: file angehängt, da kann das forum net reinpfuschen.... hoffe ich

- zum testen das .txt weglöschen

t_html_34890.txt (downloaded 36x)

Bearbeitet von watchout am 12.08.2003, 22:58 (rot & file angehängt)

grOOvekill@

Legend
Vienna Badass

Registered: Nov 2001
Location: @home
Posts: 2301

12.08.2003 - 23:16

Okay, Update Burschen! Watchout dein Skript hat pipifein gefunzt, Mann! Hab das java script natürlich gleich entdeckt und korrigiert.

Ein kleines Problem hätte ich aber noch, und bin mir nicht sicher, wo ich ansetzen soll. Wenn ihr euch mal unter diesem Link das Produkt von Watchout's Hilfsbereitschaft anseht, kann ich euch mein Problem schildern.

Die ganzen Infos werden gleich zu Beginn angezeigt. Eigentlich sollte der Plan leer sein und erst durch zusätzliche Klilcks die ganzen Infos anzeigen. Ich gehe mal davon aus, daß man da die Abfragen dementsprechend modifizieren müßte, hab mich aber nicht getraut, weil ja momentan alles so schön funktioniert. Manchmal flackern zwar andere gif's beim Klicken, aber naja, was soll's? Oder liegt's an der Verschachtelung der div's?

Hier auf jeden Fall mal der aktuelle Code:
click here

grOOvekill@ Legend Vienna Badass Registered: Nov 2001 Location: @home Posts: 2301	07.08.2003 - 14:17 S'gott, folgende Frage: Ich muss einen Anfahrtsplan für eine Website basteln. Darauf sollte natürlich eine bestimmte Adresse gekennzeichnet sein, aber auch öffentliche Verkehrsmittel und bestimmte Lokalitäten. Nun habe ich irgendwann mal auf einer Website einen Anfahrtsplan gesehen, wo man unter dem Plan auf verschiedene Links (U4, U3, 38A, etc.) klicken und dadurch die Routen der öffentlichen Verkehrsmittel, als verschieden gefärbte Linien durch den Plan, ein und ausblenden konnte. Nun ist meine Frage wie ich dies am besten bewerkstelligen soll. Mit Layers? Mittels Javascript? Oder wie? Oder was? Wie würdet ihr sowas angehen? tia Bearbeitet von grOOvekill@ am 13.08.2003, 07:17
Fidel Here to stay Registered: Jul 2000 Location: Eisenstadt Posts: 4519	07.08.2003 - 14:18 mit layers im dreamweaver - falls du solche software dafür verwendest?
grOOvekill@ Legend Vienna Badass Registered: Nov 2001 Location: @home Posts: 2301	07.08.2003 - 14:20 Naja, eigentlich mach ich alles mit Editplus, also ohne Dreamweaver, weil ich den auch gar nicht hab. Ich schätze mal, ohne Dreamweaver werde ich Probleme mit Layern haben? Hab leider noch nix mit Layern zu tun gehabt.
The Red Guy Untitled Registered: Jul 2001 Location: Transdanubia Posts: 3121	07.08.2003 - 14:22 Unter http://www.wien.gv.at gibts einen link auf einen stadtplan. Du suchst dir die Gegend, blendest alle Optionen ein und kopierst dir das bild. Oder du verlinkst diese Url und der Plan wird immer neu gezeichnet bei einem aufruf. Sollte funktionieren. EDIT: Ah falsch verstanden. Mit Layers ist das aber blöd. weil du für jede Variante ein Bild bräuchtest.
grOOvekill@ Legend Vienna Badass Registered: Nov 2001 Location: @home Posts: 2301	07.08.2003 - 14:28 Naja, eigentlich müßte ich für jedes öffentliche Verkehrsmittel den eingefärbten Strich zeichnen, der sich einfach über den Plan legt. Natürlich sind das dann mehrere Bilder, aber den Plan als solchen würde ich ja nur einmal benötigen, oder?
The Red Guy Untitled Registered: Jul 2001 Location: Transdanubia Posts: 3121	07.08.2003 - 14:35 Hmmm...ja wenn du vorher die Linien mittels Transparenter Gifs erledigst... Ist aber ein ganz schöner Aufwand, für dass das die Stadt Wien so einen tollen Echtzeitplan gratis zur verfügung stellt.
Fidel Here to stay Registered: Jul 2000 Location: Eisenstadt Posts: 4519	07.08.2003 - 14:36 stimmt :-)
grOOvekill@ Legend Vienna Badass Registered: Nov 2001 Location: @home Posts: 2301	07.08.2003 - 14:44 Naja, eigentlich soll es so eine Art Anfahrtsplan werden, der nur einen bestimmten Bereich abdeckt, es geht ja nicht um einen kompletten Wienplan. Zusätzlich anzeigen müßte ich: 1 UBahnlinie, 4 Bimlinien und 2 Buslinien. Das war's. Die jeweiligen Listen erstelle ich gerade als Gif. Jetzt müßte ich nur mehr wissen, wie ich das Zeugs am besten übereinanderlege.
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	07.08.2003 - 16:38 iirc gibts auch von wien.gv.at so nen anfahrtsplan-service... wie auch immer... Code: `<div name="layer0"> <div name="layer1"> <div name="layer2"> usw. </div> </div> </div>` so, den div's weist du das jeweilige layer-bild als hintergrundbild zu, um dann einen layer auszuschalten machst du einfach ein javascript, welches zum ausschalten des hintergrundbild ganz einfach auf none setzt -> passt
grOOvekill@ Legend Vienna Badass Registered: Nov 2001 Location: @home Posts: 2301	12.08.2003 - 15:02 Okay, möglicherweise bin ich einfach patschert, aber des funzt bei mir net. Die Dinger liegen bei mir nicht übereinander sondern untereinander. Auch nach mehrmaligen Umschachteln hab ich das Ding nicht zum Laufen gebracht. Und wie sollte das dazugehörige Javascript überhaupt aussehen? Ich bin soooooooooo ein Javascript Noob!
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	12.08.2003 - 16:58 da is jetz aber ein "dankeschön" fällig... Code: <head> <style> div { height:100px; width:100px; } .layer0 { background-image:none; background-color:transparent; } .layer1 { background-image:url(x1.gif); background-color:red; } .layer2 { background-image:url(x2.gif); background-color:green; } .layer3 { background-image:url(x3.gif); background-color:blue; } usw. </style> <script type="text/javascript"> var switches = new Array(); function switcher(id) { if(switches[id] != 0) { document.getElementById("layer"+id).className = "layer0"; switches[id] = 0; } else { document.getElementById("layer"+id).className = "layer"+id; switches[id] = id; } } </script> </head> <body> <div id="layer1" class="layer1"> <div id="layer2" class="layer2"> <div id="layer3" class="layer3"> usw. </div> </div> </div> <a href="javascript:switcher(2)">öffentliche Verkehrsmittel</a><br /> <a href="javascript:switcher(3)">Tankstellen Verkehrsmittel</a> </body>
grOOvekill@ Legend Vienna Badass Registered: Nov 2001 Location: @home Posts: 2301	12.08.2003 - 20:18 Watchout, du bist echt ein Knüller. Fühle dich auf diesem Wege virtuell umarmt! Ich hab's zwar noch nicht ausprobiert, aber ich weiß es echt zu schätzen, daß du dir die Mühe gemacht hast, ehrlich! Vielen herzlichen Dank!
atrox in fairy dust... I trust! Registered: Sep 2002 Location: HTTP/1.1 404 Posts: 2782	12.08.2003 - 21:02 nur vorsicht beim 'umdefinieren' des <div> tags: das wirkt sich auch auf die anderen divs im dokument aus.
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	12.08.2003 - 22:52 Zitat von grOOvekill@ Watchout, du bist echt ein Knüller. Fühle dich auf diesem Wege virtuell umarmt! Ich hab's zwar noch nicht ausprobiert, aber ich weiß es echt zu schätzen, daß du dir die Mühe gemacht hast, ehrlich! Vielen herzlichen Dank! danke danke @atrox: is ja nur ne vorlage, man wird das kaum auf 100x100, und man kann das ja auch ganz einfach anpassen, zb so: Code: `edited` ps: irgendwie macht das forum aus "javascript" "java script" bei den links, soll natürlich nicht so sein edit: file angehängt, da kann das forum net reinpfuschen.... hoffe ich - zum testen das .txt weglöschen t_html_34890.txt (downloaded 36x) Bearbeitet von watchout am 12.08.2003, 22:58 (rot & file angehängt)
grOOvekill@ Legend Vienna Badass Registered: Nov 2001 Location: @home Posts: 2301	12.08.2003 - 23:16 Okay, Update Burschen! Watchout dein Skript hat pipifein gefunzt, Mann! Hab das java script natürlich gleich entdeckt und korrigiert. Ein kleines Problem hätte ich aber noch, und bin mir nicht sicher, wo ich ansetzen soll. Wenn ihr euch mal unter diesem Link das Produkt von Watchout's Hilfsbereitschaft anseht, kann ich euch mein Problem schildern. Die ganzen Infos werden gleich zu Beginn angezeigt. Eigentlich sollte der Plan leer sein und erst durch zusätzliche Klilcks die ganzen Infos anzeigen. Ich gehe mal davon aus, daß man da die Abfragen dementsprechend modifizieren müßte, hab mich aber nicht getraut, weil ja momentan alles so schön funktioniert. Manchmal flackern zwar andere gif's beim Klicken, aber naja, was soll's? Oder liegt's an der Verschachtelung der div's? Hier auf jeden Fall mal der aktuelle Code: click here

Solved: Wienplan mit Layers?

Forum Index > Software > Coding Stuff

grOOvekill@

Fidel

grOOvekill@

The Red Guy

grOOvekill@

The Red Guy

Fidel

grOOvekill@

watchout

grOOvekill@

watchout

grOOvekill@

atrox

watchout

grOOvekill@