[HaBo]

**bitmuncher** · 20.11.10, 14:24

Ich erstelle gerade für meinen Dad eine Online-Version eines Briefmarkenkatalogs. Dieser enthält eine Bilderliste, in der man die Bilder anklicken kann und dann die gewünschten Daten für eine Briefmarke erhält. (Siehe Screenshot unter http://bitmuncher.blog.de/2010/11/20...sagt-10012944/). Dummerweise springt aber nach jedem Laden eines Datensatzes die Liste wieder an den Anfang zurück. Sie soll aber an der Stelle bleiben, an der der User zuletzt war, wo also das angeklickte Thumbnail zu sehen ist. Hat jemand eine Idee, wie man das (am besten ohne Javascript) umsetzen kann? Der Code für die Liste sieht momentan so aus:

Code:

#!/usr/bin/perl

require "config.pl";
my %config = &config_data();

$out = "Content-Type: text/html\n\n";

$out .= '<html><head><META HTTP-EQUIV="Expires" CONTENT="86400"><base target="_parent"></head><body>'."\n";

my $thisdir = $config{'thumbnaildir'};
opendir(DH, $thisdir) || die "Cannot open $thisdir $!\n";;
my @files = readdir(DH);
$out .= "<table border=\"0\"><tr>\n";
foreach(@files) {
	unless($_ eq '.' || $_ eq '..') {
		my $number = '';
		if($_ =~ /DDR(.*)_small.jpg/) {
			$number = $1;
		}
		$out .= '<td><a href="index.pl?mod=info&nummer='.$number.'"><img src="'.$thisdir.$_.'"></img>'."</a></td>\n";	
	}
}
$out .= "</tr></table>\n";
closedir DH;

$out .= "\n</body></html>";

print $out;

1;

Angezeigt wird sie in einem iFrame, damit die horizontale Scrollleiste genutzt werden kann.

metax. · 20.11.10, 15:03

Hi,
das kannst du mit Ankern erreichen.
Du schreibst in der Bilderliste hinter jedes Bild einen Anker mit der jeweiligen Nummer:

Code:

...<img src="'.$thisdir.$_.'"></img><a name="bild'.$number.'"></a>

Und wenn du eine Detailansicht anzeigst, hängst du hinter das src-Attribut im IFrame den Ankername an die URL:

Code:

<iframe src="list.pl#bild'.$number.'">

Dann sollte der Browser das Frame so scrollen, das der angesprungene Anker sichtbar wird (du solltest den Anker daher rechts von den Bildern setzen, damit das angezeigte Bild auch sichtbar ist).

---
Ich hätte noch ne andere Idee, wie du das lösen kannst.
Wenn du statt einem IFrame gleich ein Frameset benutzt, in dem die Detailansicht auch in einem Frame geladen wird, könntest du mit dem Target-Attribut der Links in der Liste die Detailansicht im oberen Frame öffnen, ohne dass das untere Frame geändert wird.
Wenn du sowieso mit Frames arbeitest, kannst du das auch gleich so machen. Dann hast du kein Problem mehr, dass sich die Liste verstellen könnte.

mfg, metax.

Anzeige

- Anzeige -

**bitmuncher** · 20.11.10, 15:42

Ich hab's mit den Ankern probiert, aber das funktioniert im Safari scheinbar nicht. Hab's daher jetzt deinem Rat folgend auf ein komplettes Frameset umgestellt. Damit geht's. Danke.

ronco · 21.11.10, 00:33

Hi,

Anker funktionieren super wenn man sie nicht auf name="ankername" setzt sondern auf Ids also <img scr="thumbnail.jpg" id="bild_1" /> und dann eben auch #bild_1 an den link .. macht safari auch ohne probleme mit

framesets sind doch ausserst unschön...

metax. · 21.11.10, 00:40

Krasse Sache, ich hab noch nie gehört, dass man so Elemente mit ner ID anspringen kann. Scheint aber einwandfrei zu funktionieren.
Danke für den Tip, das ist bestimmt nützlich!

**bitmuncher** · 21.11.10, 00:45

Ich muss so oder so mindestens einen iFrame nutzen um die Bilderliste anders cachen zu können als den Datenbereich. Wenn bei jedem Klick >3200 Thumbnails geladen werden müssen, ist das genauso unschön.

Anzeige

- Anzeige -

20.11.10, 14:24	#1 (permalink)
bitmuncher Moderator Registriert seit: 30.09.06 Likes: 443	Bilderliste soll nicht an den Anfang springen Anzeige Ich erstelle gerade für meinen Dad eine Online-Version eines Briefmarkenkatalogs. Dieser enthält eine Bilderliste, in der man die Bilder anklicken kann und dann die gewünschten Daten für eine Briefmarke erhält. (Siehe Screenshot unter http://bitmuncher.blog.de/2010/11/20...sagt-10012944/). Dummerweise springt aber nach jedem Laden eines Datensatzes die Liste wieder an den Anfang zurück. Sie soll aber an der Stelle bleiben, an der der User zuletzt war, wo also das angeklickte Thumbnail zu sehen ist. Hat jemand eine Idee, wie man das (am besten ohne Javascript) umsetzen kann? Der Code für die Liste sieht momentan so aus: Code: #!/usr/bin/perl require "config.pl"; my %config = &config_data(); $out = "Content-Type: text/html\n\n"; $out .= '<html><head><META HTTP-EQUIV="Expires" CONTENT="86400"><base target="_parent"></head><body>'."\n"; my $thisdir = $config{'thumbnaildir'}; opendir(DH, $thisdir) \|\| die "Cannot open $thisdir $!\n";; my @files = readdir(DH); $out .= "<table border=\"0\"><tr>\n"; foreach(@files) { unless($_ eq '.' \|\| $_ eq '..') { my $number = ''; if($_ =~ /DDR(.*)_small.jpg/) { $number = $1; } $out .= '<td><a href="index.pl?mod=info&nummer='.$number.'"><img src="'.$thisdir.$_.'"></img>'."</a></td>\n"; } } $out .= "</tr></table>\n"; closedir DH; $out .= "\n</body></html>"; print $out; 1; Angezeigt wird sie in einem iFrame, damit die horizontale Scrollleiste genutzt werden kann. __________________ Mein Blog - Mein Job - Diaspora Der Ring uns zu knechten besteht aus 12 Sternen auf blauem Grund. Neue Beiträge im Habo via Twitter - Das HaBo auf FB - Das HaBo bei G+

20.11.10, 15:03	#2 (permalink)
metax. Registriert seit: 22.01.07 Likes: 10	Hi, das kannst du mit Ankern erreichen. Du schreibst in der Bilderliste hinter jedes Bild einen Anker mit der jeweiligen Nummer: Code: ...<img src="'.$thisdir.$_.'"></img><a name="bild'.$number.'"></a> Und wenn du eine Detailansicht anzeigst, hängst du hinter das src-Attribut im IFrame den Ankername an die URL: Code: <iframe src="list.pl#bild'.$number.'"> Dann sollte der Browser das Frame so scrollen, das der angesprungene Anker sichtbar wird (du solltest den Anker daher rechts von den Bildern setzen, damit das angezeigte Bild auch sichtbar ist). --- Ich hätte noch ne andere Idee, wie du das lösen kannst. Wenn du statt einem IFrame gleich ein Frameset benutzt, in dem die Detailansicht auch in einem Frame geladen wird, könntest du mit dem Target-Attribut der Links in der Liste die Detailansicht im oberen Frame öffnen, ohne dass das untere Frame geändert wird. Wenn du sowieso mit Frames arbeitest, kannst du das auch gleich so machen. Dann hast du kein Problem mehr, dass sich die Liste verstellen könnte. mfg, metax. __________________ Wenn keiner zuschaut, teile ich heimlich durch Null! Meine Homepage: Planet Metax \| meine Bilder: DeviantArt \| Twitter

20.11.10, 15:42	#3 (permalink)
bitmuncher Moderator Themenstarter Registriert seit: 30.09.06 Likes: 443	Ich hab's mit den Ankern probiert, aber das funktioniert im Safari scheinbar nicht. Hab's daher jetzt deinem Rat folgend auf ein komplettes Frameset umgestellt. Damit geht's. Danke. __________________ Mein Blog - Mein Job - Diaspora Der Ring uns zu knechten besteht aus 12 Sternen auf blauem Grund. Neue Beiträge im Habo via Twitter - Das HaBo auf FB - Das HaBo bei G+

21.11.10, 00:40	#5 (permalink)
metax. Registriert seit: 22.01.07 Likes: 10	Krasse Sache, ich hab noch nie gehört, dass man so Elemente mit ner ID anspringen kann. Scheint aber einwandfrei zu funktionieren. Danke für den Tip, das ist bestimmt nützlich! __________________ Wenn keiner zuschaut, teile ich heimlich durch Null! Meine Homepage: Planet Metax \| meine Bilder: DeviantArt \| Twitter

21.11.10, 00:45	#6 (permalink)
bitmuncher Moderator Themenstarter Registriert seit: 30.09.06 Likes: 443	Ich muss so oder so mindestens einen iFrame nutzen um die Bilderliste anders cachen zu können als den Datenbereich. Wenn bei jedem Klick >3200 Thumbnails geladen werden müssen, ist das genauso unschön. __________________ Mein Blog - Mein Job - Diaspora Der Ring uns zu knechten besteht aus 12 Sternen auf blauem Grund. Neue Beiträge im Habo via Twitter - Das HaBo auf FB - Das HaBo bei G+

21.11.10, 00:33	#4 (permalink)
ronco Registriert seit: 03.07.10 Likes: 0	Hi, Anker funktionieren super wenn man sie nicht auf name="ankername" setzt sondern auf Ids also <img scr="thumbnail.jpg" id="bild_1" /> und dann eben auch #bild_1 an den link .. macht safari auch ohne probleme mit framesets sind doch ausserst unschön...

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

[HaBo]

Bilderliste soll nicht an den Anfang springen