Friedrich Schütz: Seite scrollt in Grundposition beim Öffnen eines 2. Fensters

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

  1. 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

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!
    1. 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  
      
      
      1. 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

        --
        Was du heute kannst besorgen,
        das geht sicher auch noch morgen.
        1. 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

          --
          sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
          mathbr:del.icio.us/ mathbr:w00t/