href-Aufruf mit Javascript

OliverN26

Hallo!

Mein Kopf platzt gleich. Ich komme hier einfach nich weiter.
Bitte bitte helft mir, denn ich seh den Wald vor lauter Bäumen nich mehr.

Also ... das Ziel is bei drücken des jeweiligen Buttons im NavigationsFrame wird die jeweilige Seite im mainFrame und ein entsprechendes Image im ImageFrame geladen.

Zunächst lade ich im INDEX die vorhandenen Bilder. Das steht also in der INDEX.HTM:

Code

<head>     
   <script language="JavaScript">        
      var mainPic = new Array();      
      mainPic[0] = new Image(); mainPic[0].src = "/Bilder/Main/Bild1.gif";
      mainPic[1] = new Image(); mainPic[1].src = "/Bilder/Main/Bild2.jpg";
      mainPic[2] = new Image(); mainPic[2].src = "/Bilder/Main/Bild3.gif";
      mainPic[3] = new Image(); mainPic[3].src = "/Bilder/Main/Bild4.jpg";      

      function reload() { document.location.reload(); }

      if (!ie) document.captureEvents(Event.RESIZE); window.onresize = reload;
   </script>
</head>

Alles anzeigen

Der folgende gilt nur für den 1.Button ("Über Mich"). Der Aufruf im NavigationsFrame sieht wie folgt aus:

Code

<head>     
      <script language="JavaScript">
          function menu(i,url){
             parent.imageFrame.document.images["mainImg"].src = parent.mainPic[i].src;
             parent.mainFrame.document.location.href = url;
          }      
      </script>     
   </head>


   <body bgcolor="#FFFFFF" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">
      <table border="0" width="326" cellspacing="0" cellpadding="0" align="right">
         <tr>             
            <td valign="top">
               <a href="javascript: menu(2,'../Buttons/about.htm');" onClick="(document.all)?this.blur():0;" 
                onMouseOver="image1.src='../Bilder/Buttons/about_2.gif';" onMouseOut="image1.src='../Bilder/Buttons/about_1.gif';">
               [img]../Bilder/Buttons/about_1.gif[/img]</a>
            </td>

Alles anzeigen

Brauch Hilfe ... versteh es einfach nich ...

1000 Dank

driver

also des mit dem mouseover und mouseout versteh ich ja, is der
hover effekt des bildes, nehm ich mal an...

aber was soll der rest ? um ne seite in nem zielframe aufzurufen reicht doch

Code

[url='seite.html']<img ...>[/url]

OliverN26

Also ... ich hab nen 'imageFrame', indem nach jedem Button-klick aus dem 'navigationsFrame' ein unterschiedliches Bild geladen werden soll.

Deswegen habe ich die jeweiligen Bilder in nem Array initialisiert --> siehe 'index.htm'

Die Funktion 'Menu' übergibt als 1.Parameter die ID des jeweiligen Bildes und als 2.Parameter die URL der Seite, so wie sie standardmäßig bei 'href' vorkommt.
Im Browser FrameFenster hab ich dann also nich den WebServer-Pfad stehen, sondern z.B.

Code

javascript: menu(2,'../Buttons/bilder.htm');

stehen.
Das Bild wird dann an den 'imageFrame' und die URL an den 'mainFrame' übergeben.
Das steht ja auch da. Folglich funzt die Funktion doch und die URL stimmt eigentlich auch. Aber wenn ich auf den Button drücke passiert gar nix.

Muss ich auf irgendwas achten, wenn ich die 'href'-Übergabe mit 'javascript' mache? Ist doch eigentlich eine übliche Funktion, oder nich?

Ich geb zu, die Sache mit dem

Code

onClick="(document.all)?this.blur():0;"

hab ich nich selber geschrieben, aber dass muss, wenn ich es richtig verstanden habe, ne Art 'Focus()' sein.

Dank schon mal

OliverN26

Problem gelöst ... funzt alles wunderbar

href-Aufruf mit Javascript

Tags

Benutzer online in diesem Thema