Seite scrollt in Grundposition beim Öffnen eines 2. Fensters
Friedrich Schütz
- html
0 Detlef G.0 Friedirch Schütz0 Der Martin1 Ashura
Hallo
ich habe eine Homepage im Netz stehen, www.fritzje.de, an der ich das jetzige Layout ändern möchte. Die Tabellen auf meinen Bilderseiten ( zB. http://fritzje.de/allgemein/wegkreuze_f.htm) möchte ich durch css-Spalten-Layout ersetzen. Ok, das ist nicht das Problem.
Bie der jetzigen Lösung rollt beim Klick auf eines der unteren Bilder, der rechte Frameteil wieder in die Ausgangsposition. Wenn nun eines der Nachbarbilder betrachtet werden soll, so muß der Besucher die Seite wieder nach unten ziehen.
Alle Dateien sind im Quelltext zu lesen.
ein Teil des Html-Codes:
<TABLE BORDER="0" STYLE="table-layout:fixed" WIDTH="640">
<COLGROUP SPAN="4" STYLE=""></COLGROUP>
<TR>
<TD CLASS="bilder">
<A HREF="#" onclick='Fotofenster("../Themen/Wegkreuze/HeiligenwaldWegkreuzRalf-1a.jpg")'>
<IMG BORDER="2" SRC="../Themen/Wegkreuze/HeiligenwaldWegkreuzRalf-1v.jpg" ALT="Wegkreuz in Heiligenwald"</A></TD>
<TD CLASS="bilder">
<A HREF="#" onclick='Fotofenster("../Themen/Wegkreuze/HeiligenwaldWegkreuzRalf-2a.jpg")'>
<IMG BORDER="2" SRC="../Themen/Wegkreuze/HeiligenwaldWegkreuzRalf-2v.jpg" ALT="Wegkreuz in Heiligenwald"</A></TD>
<TD CLASS="bilder">
<A HREF="#" onclick='Fotofenster("../Themen/Wegkreuze/HeiligenwaldWegkreuzRalf-3a.jpg")'>
<IMG BORDER="2" SRC="../Themen/Wegkreuze/HeiligenwaldWegkreuzRalf-3v.jpg" ALT="Wegkreuz in Heiligenwald"</A></TD>
<TR>
<TD CLASS="texte">Gesamtansicht<BR><A CLASS="textlink"
HREF="#"
TARGET="_blank"></A></TD>
<TD CLASS="texte">Sockel mit Spruch<A CLASS="textlink"
HREF=""
TARGET="_blank"></A></TD>
<TD CLASS="texte">Legende zum Kreuz<A CLASS="textlink"
HREF=""
TARGET="_blank"></A></TD>
<TD CLASS="texte"><A CLASS="textlink"
HREF=""
TARGET="_blank"></A></TD>
</TR>
</TABLE>
Das Script:
//******************************************************************
// FUNKTION Fotofenster()
// öffnet ein extra Fenster und zeigt das Foto
//*******************************************************************
function Fotofenster( s_foto )
{
//alert ("s_foto = "+s_foto);
s_fotofenster = window.open(s_foto,"FotoFenster","dependent=no,width=650,height=650,top=0,left=100");
s_fotofenster.focus()
}
// Ende Fotofenster()
//******************************************************************
Kann mir jemand einen guten Tip geben.
Herzlichen Dank im Voraus
Friedrich Schütz
Hallo Friedrich
»» <A HREF="#" onclick='Fotofenster("../Themen/Wegkreuze/HeiligenwaldWegkreuzRalf-1a.jpg")'>
> <IMG BORDER="2" SRC="../Themen/Wegkreuze/HeiligenwaldWegkreuzRalf-1v.jpg" ALT="Wegkreuz in Heiligenwald"</A>
Auch wenn onclick ausgeführt wird, wird dem Link anschließend gefolgt, hier
also zum Seitenanfang.
Du musst noch ein return false mitgeben, damit er nicht ausgeführt wird.
Außerdem kannst du auch Besuchern ohne Javascript die Bilder zeigen:
<a href="../Themen/Wegkreuze/HeiligenwaldWegkreuzRalf-1a.jpg" onclick="Fotofenster(this.href); return false">
Auf Wiederlesen
Detlef
Hallo Detlef
Außerdem kannst du auch Besuchern ohne Javascript die Bilder zeigen:
<a href="../Themen/Wegkreuze/HeiligenwaldWegkreuzRalf-1a.jpg" onclick="Fotofenster(this.href); return false">
>
Herzlichen Dank, ich hab es schon umgesetzt.
Noch eine abschließende Frage:
Was macht der Browser hier der Reihe nach?
Zuerst das normale "href" ausführen, dann dem "onclick" folgen?
Hat mich gefreut
Friedrich
Hallo Friedrich,
<a href="../Themen/Wegkreuze/HeiligenwaldWegkreuzRalf-1a.jpg" onclick="Fotofenster(this.href); return false">
Was macht der Browser hier der Reihe nach?
Zuerst das normale "href" ausführen, dann dem "onclick" folgen?
nein, eher umgekehrt:
Erst wird der onclick-Eventhandler bearbeitet.
Liefert der false als Ergebnis, wird die Bearbeitung hier beendet.
Andernfalls wird im Anschluss die normale Link-Funktion ausgeführt.
Für den Fall, das Javascript nicht verfügbar ist, wird natürlich nur der Link als solcher verarbeitet; der onclick-Handler wird dann komplett ignoriert.
Schönen Sonntag noch,
Martin
Hallo Martin.
Erst wird der onclick-Eventhandler bearbeitet.
Liefert der false als Ergebnis, wird die Bearbeitung hier beendet.
Andernfalls wird im Anschluss die normale Link-Funktion ausgeführt.
Letzteres passiert im Übrigen auch dann, wenn im JS ein Sytaxfehler steckt.
Einen schönen Sonntag noch.
Gruß, Ashura