Nane: an Thomas Meinike: onClick!!!!!!

Hallo erstmal!!!
Ich hab noch ein kleines Problem!!!
Ich hab meinen Code soweit umgeschrieben, dass das Script meiner Meinung nach, ähnlich mit deinem ist! (siehe: http://www.styleassistant.de/tips/beispiel15c.htm)

Doch meine erstes Bild (das sich ja schon im "onClick-Zustand" befindet) bleibt bestehen, und wechselt nicht nach dem onClick, auf ein anderes Bild, auf das Bild von der function Out! Bei allen anderen Bilder funktioniert ja alles.
Kann da bitte nochmal einer, oder du Thomas, gucken??
Die Bilder hab ich ja jetzt online gestellt!!!

Merci! :-) Ein schönes Wochenende..
Greets, Nane

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 2</title>

<script type="text/javascript">
function ZweiFrames(URI1,F1,URI2,F2) {
  Frame1=eval("parent."+F1);
  Frame2=eval("parent."+F2);
  Frame1.location.href = URI1;
  Frame2.location.href = URI2;
}

var img;
var img_alt, img_akt="GIF_962";

function Over(img)
   {
       if (img!=img_akt)
       {
         document.images[img].src = eval(img + '_over.src');
       }
   }

function Out(img)
   {
       if (img!=img_akt)
       {
         document.images[img].src = eval(img + '_out.src');
       }
       if (img==img_akt)
       {
         document.images[img].src = eval(img + '_on.src');
       }
   }

function Click(img)
   {
       img_alt=img_akt;
       img_akt=img;
       document.images[img_alt].src = eval(img_alt + '_out.src');
       document.images[img].src = eval(img + '_on.src');
   }

</script>

</head>

<body topmargin="0" marginwidth="0" marginheight="0" leftmargin="0" background="./templates/Movement/img/333F65/hintergrund.gif">
<TABLE width="280" cellspacing="0" cellpadding="0" border="0">    <TR>        <TD>
  <a onmouseover="Over('GIF_962');" onmouseout="Out('GIF_962');" onclick="Click('GIF_962');" onFocus="blur();" target="Hauptframe" href="home.htm"><IMG width="240" src="./templates/Movement/img/navi/Movement_962_h.gif" name="GIF_962" height="32" border="0" alt="Home - News"></a></TD>    </TR>
  <TR>        <TD>
  <a onmouseover="Over('GIF_9095');" onmouseout="Out('GIF_9095');" onclick="Click('GIF_9095');" onFocus="blur();" href="javascript:ZweiFrames('navi_about.htm','Inhalt','about.htm','Hauptframe')"><IMG width="240" src="./templates/Movement/img/navi/Movement_9095_n.gif" name="GIF_9095" height="32" border="0" alt="About Me"></a></TD>    </TR>    <TR>        <TD>
  <a onmouseover="Over('GIF_11596');" onmouseout="Out('GIF_11596');" onclick="Click('GIF_11596');" onFocus="blur();" target="Hauptframe" href="11595.html"><IMG width="240" src="./templates/Movement/img/navi/Movement_11596_n.gif" name="GIF_11596" height="32" border="0" alt="My Shop"></a></TD>    </TR>    <TR>        <TD>
  <a onmouseover="Over('GIF_10660');" onmouseout="Out('GIF_10660');" onclick="Click('GIF_10660');" onFocus="blur();" href="javascript:ZweiFrames('navi_studies.htm','Inhalt','studies.htm','Hauptframe')"><IMG width="240" src="./templates/Movement/img/navi/Movement_10660_n.gif" name="GIF_10660" height="32" border="0" alt="Studies"></a></TD>    </TR>    <TR>        <TD>
  <a onmouseover="Over('GIF_14438');" onmouseout="Out('GIF_14438');" onclick="Click('GIF_14438');" onFocus="blur();" target="Hauptframe" href="14437.html"><IMG width="240" src="./templates/Movement/img/navi/Movement_14438_n.gif" name="GIF_14438" height="32" border="0" alt="My Special Features"></a></TD>    </TR>    <TR>        <TD>
  <a onmouseover="Over('GIF_10708');" onmouseout="Out('GIF_10708');" onclick="Click('GIF_10708');" onFocus="blur();" target="Hauptframe" href="10707.html"><IMG width="240" src="./templates/Movement/img/navi/Movement_10708_n.gif" name="GIF_10708" height="32" border="0" alt="Links"></a></TD>    </TR>    <TR>        <TD>
  <a onmouseover="Over('GIF_12021');" onmouseout="Out('GIF_12021');" onclick="Click('GIF_12021');" onFocus="blur();" target="Hauptframe" href="12020.html"><IMG width="240" src="./templates/Movement/img/navi/Movement_12021_n.gif" name="GIF_12021" height="32" border="0" alt="Contact"></a></TD>    </TR>    <TR>        <TD>
  <a onmouseover="Over('GIF_11820');" onmouseout="Out('GIF_11820');" onclick="Click('GIF_11820');" onFocus="blur();" target="Hauptframe" href="11819.html"><IMG width="240" src="./templates/Movement/img/navi/Movement_11820_n.gif" name="GIF_11820" height="32" border="0" alt="Visitor's Book"></a></TD>    </TR>    <TR>        <TD>
  <IMG width="240" src="./templates/Movement/img/333F65/unten1.gif" height="48"></TD>    </TR></TABLE>
  <SCRIPT>
     for(var i=0; i<document.images.length; i++){
    if (document.images[i].name.indexOf("GIF_") == 0){
     eval(document.images[i].name + "_over = new Image()");
     eval(document.images[i].name + "_out = new Image()");
     eval(document.images[i].name + "_on = new Image()");
     var thenormsrc = document.images[i].src;
     var fileext = thenormsrc.substring(thenormsrc.length-4);
     eval(document.images[i].name + "_over.src = '" + thenormsrc.substring(0,thenormsrc.length-6) + "_m" + fileext + "'");
     eval(document.images[i].name + "_on.src = '" + thenormsrc.substring(0,thenormsrc.length-6) + "_h" + fileext + "'");
     eval(document.images[i].name + "_out.src = '" + thenormsrc + "'");
    }
   }

</SCRIPT>
</body>

</html>

  1. Hallo,

    erstmal finde ich das nicht so toll, direkt im Betreff angesprochen zu werden, auch wenn es sich auf mein Beispiel bezieht.

    Wie schon per Mail gesagt, schaue ich mir das genauer an, wenn Code und Bilder wirklich online verfuegbar sind - also mal irgendwo hochladen.

    MfG, Thomas

    1. Hey!

      Tut mir leid, ich dachte, dann liest es auch gleich der Richtige!!
      Ich werds auch nicht wieder tun..... ;-)
      Die Photos sind schon unter www.download.christianekrug.de/GIFs_HP online gewesen. Aber die URL wurde wohl nicht angezeigt! Ich hab jetzt mal die HP, soweit ich die Umgeschriebene schon hab, online gesetzt unter: www.privat.christianekrug.de/index2.htm!

      Ich lade bei "about me" und "studies" eine neue Navigation!
      Das wird erstens noch geändert, und außerdem stimmt da der Code eh nicht! Änder lieber immer erst eins.....

      DANKE!!!

      1. Hallo,

        Aber die URL wurde wohl nicht angezeigt! Ich hab jetzt mal die HP, soweit ich die Umgeschriebene schon hab, online gesetzt unter: www.privat.christianekrug.de/index2.htm!

        Finde ich optisch zwar gelungen, aber wo das Problem liegen soll wird mir nicht so richtig klar. Wenn es bei einigen Navigationspunkten funktioniert und bei anderen nicht, dann vergleiche doch einfach die Codes miteinander.

        MfG, Thomas

        1. Das Problem liegt an dem erstes Gif von der Navigation!!!
          Es bleibt in dem Zustand vom OnClick, wenn ich so wie in deinem Code schreibe!!! Irgendwie funktioniert es nicht, dass das erste GIF in des "normalen Zustand" kommt! Es bleibt immer das GIF mit den 2 Kästchen, also das _on!! Und es kommt nie das normale, also _out!!

          Ich hab die Codes echt miteinander verglichen und weiß nicht woran das liegen könnte!!!

          HELP!! Verstehst du was ich meine??
          Es geht ja nur um das ERSTE GIF, das von home - news!!

          :-)

          1. Hallo,

            Das Problem liegt an dem erstes Gif von der Navigation!!!
            Es bleibt in dem Zustand vom OnClick, wenn ich so wie in deinem Code schreibe!!! Irgendwie funktioniert es nicht, dass das erste GIF in des "normalen Zustand" kommt! Es bleibt immer das GIF mit den 2 Kästchen, also das _on!! Und es kommt nie das normale, also _out!!

            Ich definiere das erste Bild direkt im <img...>-Tag und nicht im Scriptcode. Schau nochmal genau hin: Im HTML-Code steht als erstes Bild c1.gif, waehrend die restlichen durch n2.gif ... n5.gif bestimmt werden.

            MfG, Thomas

            1. Ich hab das erste GIF ja auch im <img..> _h genannt, alle anderen _n!
              Aber du hast doch auch AktBildNr auf 1 gesetzt!
              Und img_akt müsste sich doch überschreiben, nach dem ersten onClick!!
              Nur zur schnelleren Kontrolle:
              dein Code:
              <script> var AktBildNr=1</script>
              <a href=....... OnClick="Click(1)" OnMouseOver="Over(1)" OnMouseOut="Out(1)" OnFocus="blur()"><IMG SRC="c1.gif" WIDTH="100" HEIGHT="30" BORDER="0" NAME="Bild1">

              mein Code:
              <script> var img_akt="GIF_962"</script>
              <a onmouseover="Over('GIF_962');" onmouseout="Out('GIF_962');" onclick="Click('GIF_962');" onFocus="blur();" target="Hauptframe" href="home.html"><IMG width="240" src="./img/navi/Movement_962_h.gif" name="GIF_962" height="32" border="0" alt="Home - News"></a>

              Das Bild bleibt bestehen, aber macht nach dem ersten OnClick wenigstens ein onmouseover.

              Wenn ich img_akt anders, oder garnicht definiere, hab ich eine scriptfehler!
              Ich kapiers echt net!! Tut mir leid!!!

              Schönes Wochenende

              1. Hallo,

                Wenn ich img_akt anders, oder garnicht definiere, hab ich eine scriptfehler!

                Vermutlich liegt es an dieser Funktion:

                function Click(img)
                   {
                       img_alt=img_akt;
                       img_akt=img;
                       document.images[img_alt].src = eval(img_alt + '_out.src');
                       document.images[img].src = eval(img + '_on.src');
                   }

                Die Zeile
                       document.images[img].src = eval(img + '_on.src');

                sollte doch nach meinem Code lauten:
                       document.images[img_akt].src = eval(img + '_on.src');

                Schönes Wochenende

                Danke gleichfalls, kann ich jetzt gut gebrauchen ;-).

                MfG, Thomas

                1. Nachtrag:

                  sollte doch nach meinem Code lauten:
                         document.images[img_akt].src = eval(img + '_on.src');

                  Auf der rechten Seite fehlt auch noch img_akt, also:

                  document.images[img_akt].src = eval(img_akt + '_on.src');

                  MfG, Thomas

                  PS: Warum musstest Du meinen seit 2,5 Jahren funktionierenden Code auch so umschreiben, dass ich ihn selbst kaum noch verstehe ;-).

                  1. Hallo!!

                    sollte doch nach meinem Code lauten:
                            document.images[img_akt].src = eval(img_akt + '_on.src');

                    Stimmt, aber geändert hat das an dem ursprünglichen Problem leider auch nichts!! Aber woran es sonst liegen könnte, weiß ich auch nicht!

                    PS: Warum musstest Du meinen seit 2,5 Jahren funktionierenden Code auch so umschreiben, dass ich ihn selbst kaum noch verstehe ;-).

                    Ich wollte halt mal meine Java-Kentnisse prüfen, und hab mich mit JS versucht! ;-p

                    Tja, falls du noch irgendeinen berauschenden Einfall bekommst, woran DAS BLOß liegt, kannst dus ja noch hinzufügen.....

                    Ansonsten: Ich DANKE dir!!!

                    Bis irgendwann....
                    Greets, Nane :-)

                    1. Hallo,

                      Tja, falls du noch irgendeinen berauschenden Einfall bekommst, woran DAS BLOß liegt, kannst dus ja noch hinzufügen.....

                      Ich habe nochmal drueber geschaut und vermute, dass Dein Problem mit der zusaetzlichen Aenderung der Frameinhalte zusammenhaengt. Die Funktion ZweiFrames() scheint auch den Navi-Frame auszutauschen. Dann ist das laufende Script natuerlich futsch. Außerdem wird in den neuen Dateien navi_about.html oder navi_studies.html immer wieder img_akt="GIF_962" gesetzt, also das Default-Bild des ersten Buttons kommt immer wieder ...

                      Irgendwie daran muss es liegen, mit meinem Scriptcode hat das nicht mehr viel zu tun. Versuche mal den Weg der Klick-Aktionen zu verfolgen und zu analysieren, was wann und wo zu (er)setzen ist.

                      Ansonsten: Ich DANKE dir!!!

                      Schon ok.
                      So lange habe ich mir selten fremden Code angeschaut, aber mir gefaellt das, was Du da machst. Ohne den Sound der neuen Tiamat-Scheibe haette ich das nicht so lange durchgehalten ;-).

                      MfG, Thomas

                      1. Hey!!
                        Daran lag es auch nicht, denn das GIF hat sich ja auch bevor man auf den Link zu "ZweiFrames" ging, nicht geändert! Ich habs aber noch rausgefunden!!
                        Diese Zeile war falsch:
                        eval(document.images[i].name + "_out.src = '" + thenormsrc + "'");
                        verbessert:
                        eval(document.images[i].name + "_out.src = '" + thenormsrc.substring(0,thenormsrc.length-6) + "_n" + fileext + "'");

                        Der Code von den anderen Navigationen war nur kopiert, damits schneller ging zum juppen!! So, jetzt hab ich alles erstmal beisammen!!
                        In den nächsten Tagen wird die wohl trotzdem "fast loch leere" Page auf www.christianekrug.de zu sehen sein (falls dich das Ergebniss "dank deiner Hilfe" interressiert)!!

                        Schönes Wochenende noch!!
                        PS: Danke für das Kompliment... *rotwerd*...

                        MFG Nane :-)