nicht angemeldet
Seitenwechsel ohne Javascript
Innerhalb meiner Web-Seite habe ich auch ein Fotoalbum vorgesehen. Die Überblick-Seite beinhaltet cca. 100 kleine Bilder. Mit dem Klick auf ein bestimmtes Bild, soll eine Einzelbild-Seite mit größerem Bild gezeigt werden. Diese Seite soll drei Buttons haben: „Vorheriges Bild“ (im Bezug auf den Überblick), „Nächstes Bild“ und „Zurück zum Überblick“. Dabei möchte ich Javascript vermeiden!
Wenn ich von der Überblick-Seite die Einzelbild-Seite mittels ihrer Adresse aufrufe, wie kann ich von dort auf die Überblick-Seite zurückkommen, - und zwar so positioniert wie sie vor dem Aufruf der Einzel-Seite war (das ist der Fall wenn vorher der Schieber benutzt wurde), - und nicht auf deren Anfang.
Das Positionierungsproblem kann umgangen werden, wenn der Paramerer Target benutzt wird. Dabei erscheint leider auch ein Nachteil, die Einzelbildseite erscheint in einem kleineren Fenster und muß per Klick vergrößert werden. Diesen Klick möchte ich vermeiden. Weiterhin möchte ich in diesem Fall mit dem Button „Zurück zum Überblick“ diese Seite schließen können.
Für die Tips bedanke ich mich im voraus.
frk
-
Hallo frk,
da wirst Du wohl, wenn Du auch serverseitig nichts nutzen kannst, für jedes Bild eine eigene HTML-Seite machen. Bei den kleinen Bildern verlinkst Du dann immer die zugehörige Seite mit dem großen Bild. Auf jeder dieser Detailseiten fügst Du drei Links ein - vor, zurück, Übersicht, bei denen Du eben auf das vorherige bzw. nächste Detailbild verlinkst. Um nun (ungefähr) an die Stelle zu springen, wo der User einmal begonnen hat, wirst Du wohl um eine Scriptsprache Deiner Wahl nicht drumrum kommen.
Sollte Dir die Möglichkeit zum Einsatz einer serverseitigen Scriptsprache zur Verfügung stehen, so kannst Du oben genanntes auch automatisieren bzw. auf ein feriges Script zurückgreifen. In PHP gibts da ja einige 100 Stück zb diese von Pablo
Mit freundlichem Gruß
Micha -
Hallo,
Du willst kein JavaScript verwenden? Dann hättest du besser nicht unter der Rubrik "JAVASCRIPT" gepostet.
Wenn ich von der Überblick-Seite die Einzelbild-Seite mittels ihrer Adresse aufrufe, wie kann ich von dort auf die Überblick-Seite zurückkommen, - und zwar so positioniert wie sie vor dem Aufruf der Einzel-Seite war (das ist der Fall wenn vorher der Schieber benutzt wurde), - und nicht auf deren Anfang.
Indem du (evtl. mehrfach) den Back-Button des Browsers klickst. Dann gibt es keinerlei Positionierungsproblem, jedenfalls nicht im FF, im IE allerdings schon :(
Das Positionierungsproblem kann umgangen werden, wenn der Paramerer Target benutzt wird.
Du kannst statt dessen Verweis-Anker setzen und beim Aufruf der Überblick-Seite von der Einzelseite aus dann wieder dorthin springen, im z.B. mit einem Verweis wie
<a href="ueberblick.htm#bild10"><input type="button" value="< zurück zum Überblick"></a>Das springt zum Anker "bild10" auf der Überblick-Seite. Die Anker musst du aber mit Bedacht setzen, entsprechend dem Layout der Überblick-Seite, damit nachher auch wirklich das richtige Bild wieder komplett eingeblendet ist.
Beim Verweis zur Einzelseite muss der richtige Anker an ein serverseitiges Script übergeben werden, welches ihn dann in den Verweis "zurück zur Überblickseite" auf der Einzelseite einbaut.
Auf der Überblickseite also Verweise setzen wie
<a href="Einzelseite.php?back=bild10" name="bild10"><img src="bild10.jpg"></a>Im IE funktioniert das alles auch nicht :(. Für diesen gibt es wohl keine Lösung ohne JavaScript.
Für die Tips bedanke ich mich im voraus.
Gern geschehen,
Don P-
Hallo donp,
Das springt zum Anker "bild10" auf der Überblick-Seite. Die Anker musst du aber mit Bedacht setzen, entsprechend dem Layout der Überblick-Seite, damit nachher auch wirklich das richtige Bild wieder komplett eingeblendet ist.
Das ist erheblicher Mehraufwand. Bei dieser Variante müsste er pro Bild eine Route haben, um den Anker nicht zu verlieren, wenn man vor und zurück springen kann. Überleg Dir mal ein Beispiel aus 10 Bildern. Der erste klick geht auf Bild 5. Nun musst Du Dir diese Referenz durch einen Anker merken. Im Detailbild kann ich nun direkt zum Detailbild vier gelangen und von dort aus zum dritten usw. Jedes Detailbild bietet mit den Link zur Übersicht an, welches auf Bild 5 verweisen muss. Bei 10 Bildern benötigt man also 10 Seiten für die Deatildarstellung. Um die Referenz nicht zu verlieren benötigt man jedoch pro Bild 10 Seiten also 100... Na viel Spaß.
... an ein serverseitiges Script...
Woher weißt Du, das serverseitige Sprachen verfügbar sind?
Im IE funktioniert das alles auch nicht
Wenn man es (serverseitig) richtig macht, schon.
Mit freundlichem Gruß
Micha-
Hallo Micha,
Das ist erheblicher Mehraufwand. [...]
Mehr als was? Es ist wenigstens eine funktionierende Lösung für FF, wenn serverseitige Scripts verfügbar sind. Deshalb schrieb ich ja "...musst du an ein serverseitiges Script übergeben". Theoretisch sind es sehr viele Seiten, ja, aber praktisch wird alles von ein und demselben kleinen Script auf dem Server geliefert, so what?
Woher weißt Du, das serverseitige Sprachen verfügbar sind?
Das weiss ich nicht. Es wird einfach vorausgesetzt, sonst klappt's nicht, basta.
Im IE funktioniert das alles auch nicht
Wenn man es (serverseitig) richtig macht, schon.Also wie dann? Auch ohne serverseitige Scripts? Würde vielleicht nicht nur mich und den Thread-Eröffner interessieren.
Gruß, Don P
-
Bei 10 Bildern benötigt man also 10 Seiten für die Deatildarstellung. Um die Referenz nicht zu verlieren benötigt man jedoch pro Bild 10 Seiten also 100... Na viel Spaß.
Wieso den 100? Jede Einzelbildseite wird von demselben Script geliefert, diesem gibt man immer den Anker vom ersten Einzelbild mit und es liefert ihn auch immer brav an die nächste Einzelbild-Seite weiter. Das macht bei 10 Einzelbildern genau 10 Seiten.
Don P
-
Hallo donp,
Wieso den 100?
Weil es keinen ersichtlichen Grund dafür gibt anzunehmen, dass die nötigen Voraussetzungen derzeit erfüllt sind, es _nicht_ statisch zu machen.
Demnach müssen, um den Anker immer "brav" zu behalten, n² (statische) Seiten erstellt werden.Mit freundlichem Gruß
Micha-
Alexander? Lt.Comm. Data?
Sie schon wieder? Ich bin entsetzt ;) ...Don P
-
-
-
-
Hallo Don P,
das mit dem Anker ist DIE LÖSUNG !!!
Ich habe es mit IE7, FF1.5 und NS4.6 ausprobiert und es läuft mit allen drei problemlos!Ich habe auf der Überblickseite pro Reihe je 5 kleine Bilder plaziert. Vor jeder Reihe habe ich einen Anker gesetzt, auf welchen ich von der aufgerufenen Seite zurückspringe. Somit ist die Überblickseite in der Regel nicht genau so positioniert, wie sie verlassen wurde, jedoch die Positionierung auf der Zeile mit dem aufgerufenen Bild ist auch gut, vielleicht noch besser.
In dem Fall, daß von der angesprungenen Seite weiter direkt geblättert wurde (vorwärts/rückwärts), wird nach dem Rücksprung die Überblickseite auf die Zeile mit dem letztgerufenen Bild positioniert. Ursprünglich wollte ich auch in diesem Falle die gleiche Positionierung haben wie sie bei dem Verlassen der Überblickseite war, aber auch damit kann man gut leben.Der Satz:
„Im IE funktioniert das alles auch nicht :(. Für diesen gibt es wohl keine Lösung ohne JavaScript“.
bezieht dies sich evtl. auf eine ältere IE-Version. Bitte um Info.Vielen Dank !!!
frkHallo,
Du willst kein JavaScript verwenden? Dann hättest du besser nicht unter der Rubrik "JAVASCRIPT" gepostet.
Wenn ich von der Überblick-Seite die Einzelbild-Seite mittels ihrer Adresse aufrufe, wie kann ich von dort auf die Überblick-Seite zurückkommen, - und zwar so positioniert wie sie vor dem Aufruf der Einzel-Seite war (das ist der Fall wenn vorher der Schieber benutzt wurde), - und nicht auf deren Anfang.
Indem du (evtl. mehrfach) den Back-Button des Browsers klickst. Dann gibt es keinerlei Positionierungsproblem, jedenfalls nicht im FF, im IE allerdings schon :(
Das Positionierungsproblem kann umgangen werden, wenn der Paramerer Target benutzt wird.
Du kannst statt dessen Verweis-Anker setzen und beim Aufruf der Überblick-Seite von der Einzelseite aus dann wieder dorthin springen, im z.B. mit einem Verweis wie
<a href="ueberblick.htm#bild10"><input type="button" value="< zurück zum Überblick"></a>
> Das springt zum Anker "bild10" auf der Überblick-Seite. Die Anker musst du aber mit Bedacht setzen, entsprechend dem Layout der Überblick-Seite, damit nachher auch wirklich das richtige Bild wieder komplett eingeblendet ist. > > Beim Verweis zur Einzelseite muss der richtige Anker an ein serverseitiges Script übergeben werden, welches ihn dann in den Verweis "zurück zur Überblickseite" auf der Einzelseite einbaut. > > Auf der Überblickseite also Verweise setzen wie > ~~~html > <a href="Einzelseite.php?back=bild10" name="bild10"><img src="bild10.jpg"></a> >Im IE funktioniert das alles auch nicht :(. Für diesen gibt es wohl keine Lösung ohne JavaScript.
Für die Tips bedanke ich mich im voraus.
Gern geschehen,
Don P-
Hallo,
Der Satz:
„Im IE funktioniert das alles auch nicht :(. Für diesen gibt es wohl keine Lösung ohne JavaScript“.
bezieht dies sich evtl. auf eine ältere IE-Version. Bitte um Info.Es funktioniert dann nicht, wenn auch horizontal automatisch an die richtige Stelle zurück gesprungen werden soll, wenn also mehrere Bilder nebeneinender liegen, so dass man zuerst nach rechts scrollt und dann klickt. Zwar landet man nachher vertikal wieder in der richtigen Zeile, aber eben nicht horizontal.
Gruß, Don P
-
-