Ergebnis 1 bis 11 von 11
  1. #1
    thesecretboy ist offline Jungspund
    registriert
    23-06-2005
    Beiträge
    12

    Unhappy Problem mit der Navigation

    Hallo zusammen,

    ich bin kein "Freak" und würde mich daher eher in die Rubrik Newbie stecken. Aber ich habe ein Problem und hoffe hier Hilfe zu finden, da ich echt nicht mehr weiter weiss. Wir haben bei uns im Intranet eine Seite die geändert werden soll und ich kommt mit der Navigation nicht klar.

    Die Seite hat 3 Horizontale Frames:

    Code:
    <frameset rows="*,70%,50" framespacing="0" border="0" frameborder="0">
      <frame name="f_oben" src="menu.htm" target="_self" scrolling="no" marginwidth="0" marginheight="0">
      <frame name="f_mitte" scrolling="auto" src="inhalt/start.cfm" target="_self" marginwidth="0" marginheight="0">
      <frame name="f_unten" scrolling="no" src="footer.htm" target="_self" marginwidth="0" marginheight="0">
    Oben (f_oben) ist die Navigation mit Buttons und einem Logo untergebracht.

    Der mittlere Teil (f_mitte) stellt das eigentlich Hauptfenster dar.

    Unten (f_unten) ist ein footer, der auch nicht verändert werden soll und immer so bleibt.

    Problem ist folgendes: In der Navigation habe ich 5 Buttons (sind Bilder). Wann immer ich nun einen der Buttons anklicke soll der Button gegen einen anderen getauscht werden. Dazu habe ich jeweils einen 2. Button mit gleichem Text aber anderer Farbe erstellt. Logisch, sollte natürlich im Frame f_mitte dann die dazugehörige Seite geladen werden.

    Hier die Namen der Buttons im "Normalzustand".:

    btn_navi_home.gif
    btn_navi_impressum.gif
    btn_navi_kontakt.gif
    btn_navi_kurse.gif
    btn_navi_service.gif

    Wenn einer der oberen gedrückt wurde, soll er getauscht werden gegen einen der aktiven:

    btn_navi_home_on.gif
    btn_navi_impressum_on.gif
    btn_navi_kontakt_on.gif
    btn_navi_kurse_on.gif
    btn_navi_service_on.gif

    Problem ist also:
    Wie bekomme ich es hin, daß in der Navigation der Button nach dem Klick gegen einen anderen getauscht wird und zwar so lange, bis ich einen anderen anklicke. Also kein reines Rollover sondern man will erreichen, daß man in der Navigation daran sieht, wo man gerade ist. Und natürlich sollte im Frame f_mitte dann die dazugehörige Seite angezeigt werden.

    Das ganze sollte im IE, NS und im Firefox tun.

    Ich hoffe hier kann mir jemand helfen. In anderen Foren komme ich nicht weiter. Ist das wirklich unlösbar?
    Wäre für eine einfache Anleitung bzw. einen übernehmbaren Code sehr dankbar.

  2. #2
    BerndDasBrot ist offline Kaiser
    registriert
    06-05-2004
    Beiträge
    1.473

    AW: Problem mit der Navigation

    Ist das wirklich unlösbar
    Nö, müsste eigentlich ganz einfach gehen.
    Ich probiers mal

    Inhalt von f_oben
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
      <head>
        <script type="text/javascript">
        function klick(was) {
          for (var a = 0; a < document.getElementsByName('buttons').length; a++) {
            document.getElementsByName('buttons'){a}.src = "btn_navi_"+document.getElementsByName('buttons'){a}.id+".gif";
          }
          document.getElementById(was).src = "btn_navi_"+was+"_on.gif";
        }
        </script>
      </head>
      <body>
        <img src="btn_navi_home.gif" name ="buttons" id ="home" onClick="klick(this.id);">
        <img src="btn_navi_impressum.gif" name ="buttons" id  ="impressum" onClick="klick(this.id);">
      </body>
    </html>
    Ungetestet

    BernddasBrot

  3. #3
    Avatar von Comet
    Comet ist offline Administrator
    registriert
    17-09-2001
    Ort
    Austria | Westendorf
    Beiträge
    2.182

    AW: Problem mit der Navigation

    Oder so:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
      <head>
        <script type="text/javascript">
        var lastElement = '';
        function klick( was ) {
          if( lastElement != '' ) {
            document.getElementById( lastElement ).src = "btn_navi_" + was + ".gif";
          }
          document.getElementById( was ).src = "btn_navi_" + was + "_on.gif";
          lastElement = was;
        }
        </script>
      </head>
      <body>
        <img src="btn_navi_home.gif" id="home" onClick="klick(this.id);">
        <img src="btn_navi_impressum.gif" id="impressum" onClick="klick(this.id);">
      </body>
    </html>
    ..:::Andi:::..

  4. #4
    thesecretboy ist offline Jungspund
    registriert
    23-06-2005
    Beiträge
    12

    AW: Problem mit der Navigation

    Hallo Ihr beiden,

    zunächst tausend dank für Euere schnelle Hilfe.

    Allerdings funktioniert es noch nicht ganz. Ich bekomme unten in der Statusleiste des IE schon immer gleich "Fehler auf der Seite" angezeigt und die Buttons werden nicht getauscht. Offenbar ist da noch irgendwo was faul. Kannst Du den fehler sehen?

    Folgendes Szenario:

    Buttonfolge wenn nix geklickt wurde:

    KURSE | SERVICE | KONTAKT | HOME | IMPRESSUM

    Prinzipiell wird jeder Button korrekt gegen den anderen getauscht. Schonmal geil!
    Nur eines. Klicke ich z.B. SERVICE ergibt sich folgende neue Reihenfolge der Buttons:

    SERVICE | SERVICE | KONTAKT | HOME | IMPRESSUM

    Klicke ich dann auf z.B. Impressum habe ich die folgende Reihenfolge:

    KURSE | SERVICE | KONTAKT | IMPRESSUM | IMPRESSUM

    hat jemand ne Idee, wo der Fehler noch liegt?

    Eingesetzt habe ich aktuell das Script von Comet.

  5. #5
    thesecretboy ist offline Jungspund
    registriert
    23-06-2005
    Beiträge
    12

    AW: Problem mit der Navigation

    Jetzt hab ich's raus.

    Alle buttons sind weiss. Der gewählte wird rot. Soweit ok.
    Der Button der als letztes Rot war, bekommt den neun, den ich nun gewählt habe in weiss.

    Also ich habe folgenden Status:

    IMRESSUM | HOME (gewählt ist IMPRESSUM (rot), HOME ist nicht gewählt (weiss)

    nun klicke ich auf HOME und der Status ist danach folgender:

    HOME | HOME

    Das ist der Stand der Dinge.

    Ist das irgendwie rauszubekommen?

  6. #6
    pit-r Guest

    AW: Problem mit der Navigation

    Moin!

    Comet is offline, daher misch ich mich mal ein.
    In dem if-Statement is ein kleiner Lapsus. Es sollte so aussehen:

    if( lastElement != '' ) {
    document.getElementById( lastElement ).src = "btn_navi_" + lastElement + ".gif";
    document.getElementById( lastElement ).alt = "btn_navi_" + lastElement + ".gif";
    }

    Ahoi - Pit

  7. #7
    thesecretboy ist offline Jungspund
    registriert
    23-06-2005
    Beiträge
    12

    AW: Problem mit der Navigation

    Hallo pit-r,

    danke schonmal für Deine Antwort.
    Leider werden nach dem ändern in Deinen Code nun die Buttons beim klick "btn_navi_xxx.gif" nicht mehr in die andersfarbigen "btn_navi_xxx_on.gif" geändert und schon beim laden der Seite erscheint unten Rechts im Browser, daß ein Fehler auf der Seite ist. Aber es kommt schonmal nichts durcheinander

  8. #8
    pit-r Guest

    AW: Problem mit der Navigation

    Was haste denn mit dem Rest von Comet's code angestellt?

    Ahoi - Pit

  9. #9
    thesecretboy ist offline Jungspund
    registriert
    23-06-2005
    Beiträge
    12

    AW: Problem mit der Navigation

    Also im Moment sieht es so aus:

    Code:
    <html>
    <head>
    <meta http-equiv="Content-Language" content="de">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <title>Menü</title>
    <base target="_self">
    
        <script type="text/javascript">
        var lastElement = '';
        function klick( was ) {
          if( lastElement != '' ) {
    	document.getElementById( lastElement ).src = "images/btn_navi_" + lastElement + ".gif";
    	document.getElementById( lastElement ).alt = "images/btn_navi_" + lastElement + ".gif";
    		}
    
        </script>
    
    </head>
    
    <script language="javascript" type="text/javascript">
    <!--
    /****************************************************
         Author: Eric King
         Url: http://redrival.com/eak/index.shtml
         This script is free to use as long as this info is left in
         Featured on Dynamic Drive script library (http://www.dynamicdrive.com)
    ****************************************************/
    var win=null;
    function NewWindow(mypage,myname,w,h,scroll,pos){
    if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
    if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
    else if((pos!="center" && pos!="random") || pos==null){LeftPosition=0;TopPosition=20}
    settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no';
    win=window.open(mypage,myname,settings);}
    // -->
    </script>
    
    <body bgcolor="#FF8F00" MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" 
    BOTTOMMARGIN="0" link="#FFFFFF">
    
      <table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
        <tr>
        <td width="100%" valign="bottom" align="right"> 
           <table width="100%" border="0" cellspacing="0">
            <tr>
              <td>&nbsp;</td>
              <td width="380" align="center"> <br>
                <a href="/pages/main.html" target="f_mitte"><img src="images/btn_navi_kurse.gif" id="kurse" onClick="klick(this.id);" border="0"></a> 
                <a href="/inhalt/info.htm" target="f_mitte"><img src="images/btn_navi_service.gif" id="service" onClick="klick(this.id);" border="0"></a> 
                <a href="/inhalt/kontakt.cfm" target="f_mitte"><img src="images/btn_navi_kontakt.gif" id="kontakt" onClick="klick(this.id);" border="0"></a> 
                <a href="/inhalt/start.cfm" target="f_mitte"><img src="images/btn_navi_home.gif" id="home" onClick="klick(this.id);" border="0"></a> 
                <a href="/impressum.htm" onClick="NewWindow(this.href,'Impresum','410','290','no','center');return false" onFocus="this.blur()"><img src="images/btn_navi_impressum.gif" id="impressum" onClick="klick(this.id);" border="0"></a> 
              </td>
              <td width="400"> 
                <div align="right"><img src="images/Logo-VHS.gif" width="350" height="85"></div>
              </td>
              </tr>
            </table>
          </td>
                <td valign="bottom" width="700" align="right"> 
    
    <div align="right"></div>
                </td>
              </tr>
            </table>
    
    </body>
    </html>
    Das ist die ganze Seite, die im Frame "f_oben" dargestellt wird.

    Kannst Du da einen Fehler entdecken?

    Das andere Script habe ich drin, weil sich Impressum in einem Extra Fenster öffnen soll. (was es auch bestens tut).

  10. #10
    pit-r Guest

    AW: Problem mit der Navigation

    Hi!

    Du hast den Rest von Comets code rausgeholt. Das hatte ich nicht vorgeschlagen. Zurück zum Original (und das ohne das 'alt'-Zeug was ich mitgeschickt hatte).
    Code:
    <script type="text/javascript">
        var lastElement = '';
        function klick( was ) {
          if( lastElement != '' ) {
            document.getElementById( lastElement ).src = "btn_navi_" + was + ".gif";
          }
          document.getElementById( was ).src = "btn_navi_" + was + "_on.gif";
          lastElement = was;
        }
        </script>
    das was muß raus und anstelle dessen das lastElement dorthin.

    Ahoi - Pit

  11. #11
    thesecretboy ist offline Jungspund
    registriert
    23-06-2005
    Beiträge
    12

    AW: Problem mit der Navigation

    Wow... es funktioniert.

    Oh man... ich bin Euch so dankbar. Danke an alle die hier mitgeholfen haben einem Newbie das Leben zu erleichtern.

    Danke BerndDasBrot, Comet und auch Dir pit-r.

    Danke!!!!!

Ähnliche Themen

  1. problem php - js: dyn. navigation
    Von petzi74 im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 24-03-2005, 18:50
  2. Problem mit Navigation!
    Von Nippel im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 28-09-2004, 19:01
  3. Javascript Navigation Problem
    Von SPMan im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 28-04-2004, 10:46
  4. Navigation frames problem (target)
    Von kingu im Forum JavaScript
    Antworten: 10
    Letzter Beitrag: 24-03-2004, 19:23
  5. Problem bei Netscaoe: Navigation mit Layern.
    Von mohelten im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 08-01-2002, 15:11

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •