html-Hauptseite srpingt zum Anfang ?

[Christoph]

Hallo zusammen,

Durch scrollen können auf unserer Website, Thumbnails zu unseren
Produkten erreicht werden. Beim Klicken des entsprechenden Thumbnails, öffnet sich ein kleineres Fenster mit der größeren
Darstellung des soeben angeklickten Produktes. Die Hauptseite
bleibt weiterhin im Hintergrund geöffnet, um weitere thumbnails
anklicken zu können.

Nun zu meinem Problem, beim klicken auf das thumbnail lädt sich die Hauptseite neu und springt wieder nach oben an den Anfang (so dass ein erneutes mühsames scrollen zu den thumbnails erfoderlich ist).

Wie kann ich nun an der "thumbnail-Stelle" nach dem Klick bleiben,
so dass ein scrollen vermieden wird.

Besten Dank für eure Hilfe.
Ciao,
Christoph

[Zeromancer]

Hallo Christoph,

Wie kann ich nun an der "thumbnail-Stelle" nach dem Klick bleiben,
so dass ein scrollen vermieden wird.

Kann man das irgendwo sehen (Quelltext, online)?

Mit freundlichen Grüßen

André

[Christoph]

Hallo André,

http://www.citecgroup.com/groessenschilder.html
es fehlen einige Bilder. Zum Testen reicht es aber.

Scrollen bis zum Kasten "Standardgrößen für Namensschilder aus Metall.." und dann auf eines der 6 nicht angezeigten Bilder klicken.

Ciao,
Christoph

Kann man das irgendwo sehen (Quelltext, online)?

Mit freundlichen Grüßen

André

[lenny5000]

Du hast auf der Seite diesen Code hier...

<a href="#" onclick="window.open('m02.html','Textfenster','width=320,height=300')"><img src="images/m02.gif" width="134" height="66" border="0" alt="Gr&ouml;&szlig;e Namensschild M02"></a>

href="#" bewirkt, dass die Seite nochmal neu geladen wird, und dass an den Anfang der Seite gesprungen wird. Du kannst das Neuladen unterbinden indem du

onclick="window.open('m02.html','Textfenster','width=320,height=300'); return false;"

machst.

[Christoph]

Hi Lenny,
hat bestens geklappt, vielen Dank.

Ciao,
Christoph

onclick="window.open('m02.html','Textfenster','width=320,height=300'); return false;"

machst.

[Kurt D.]

Hi Christoph,

Noch besser wäre:
a href="m02.html" target="Ansicht" onclick="window.open('m02.html','Textfenster','width=320,height=300'); return false;"

Dadurch funktioniert der Link auch, wenn JS deaktiviert ist.

Kurt

[Gernot Back]

Hallo Christoph

Das liegt hieran: href="#". Gib doch stattdessen einfach die zu öffnende Bild-Datei als href an und setze das target="Zielfenster". Das ist sowieso besser, denn dann öffnet sich auch was, wenn Javascript deaktiviert ist. Das Öffnen würde ich dann aber auch in einer externen Funktion definieren und zwar so

function oeffnen (meineDatei){
Textfenster = window.open(meineDatei,'Textfenster','width=320,height=300')
}

Gruß Gernot

[Gernot Back]

Hallo nochmal!

... setze das target="Zielfenster".

Sorry, das muss natürlich dann auch target="Textfenster" heißen.

Gruß Gernot

[Christoph]

Hi Gernot,

vielen Dank.

Ciao,
Christoph

Gruß Gernot

[Christoph]

Hallo Gernot,

perfekt, besten Dank für die Tips

Ciao,
Christoph

}

Gruß Gernot

[Gernot Back]

Hallo Christoph,

was ich noch vergessen habe (heute bin ich wirklich zerstreut!), es epmfiehlt sich auch noch
Textfenster.focus();
als letzte Zeile in die Öffnen-Funktion zu schreiben, damit das bestehende Fenster, auch wenn es beim Klick auf ein anderes Thumbnail nur mit einer neuen Datei gefüllt wird, wieder vorne ist, nachdem du auf deine Hauptseite geklickt hast und diese dadurch den Fokus bekommen hat.

function oeffnen (meineDatei){
Textfenster = window.open(meineDatei,'Textfenster','width=320,height=300');
Textfenster.focus();
}

Gruß Gernot