tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
4
ZUGRIFFE
296
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    tinchern06 tinchern06 ist offline Mitglied
    Registriert seit
    Sep 2011
    Beiträge
    17
    Hallo,

    ich habe fogendes Problem, welches ich mit meinen wenigen Kenntnissen nicht in Griff bekomme

    das Pseudo-Aufklapp-Menue funktioniert (war schon so vorhanden) so:

    -wenn eine Seite ein Untermenue besitzt, wird diese bei a:hover angezeigt
    -heißt jede Seite hat eine eigene Menuestruktur
    - die Untermenues rufen keine neue Seite auf, sondern blenden ein div ein oder aus per Klick, mittels Javscript (toggle)

    HTML-Code:
     <div id="navigation">
      <ul>
        <li><a  href="javascript:toggle(1,'sie_',[1,4])" title="Home"  >Punkt1</a><ul>
        <li> <a href="javascript:toggle(2,'sie_',[1,4])" title="Punkt1.1"> Punkt1.1</a></ul>
          <ul> <li> <a href="javascript:toggle(3,'sie_',[1,4])" title="Punkt1.2"> Punkt1.2</a></ul>
          <ul> <li> <a href="javascript:toggle(4,'sie_',[1,4])" title="Punkt1.3"> Punkt1.3</a></ul> </li>
        <li><a href="Seite2.html"> Seite2 </a></li>
        <li><a href="Seite3.html"> Seite3 </a></li>
        <li><a href="Seite4.html"> Seite4</a></li>
          </ul>
    </div>
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    
    #navigation {
        padding: 10px 20px;
     
    }
     
    #navigation ul, #navigation ul ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
     
    /* Navigation Ebene 1 */
     
    #navigation ul li {
        width: 150px;
     /* float:left; versteckt ebebe 2 */
    }
     
    #navigation ul li a {
        text-decoration: none;
        line-height: 1.9em;
        font-weight:300;
        font-size: middle;
        color:white;
     /*font-weight:bold alle bold setzen*/
    }
     
     
    #navigation ul a:hover {
        text-decoration: none;
        line-height: 1.9em;
        font-weight:300;
        font-size: middle;
        color:blue;
        font-weight:bold;
    }
     
     
    .navigation_active {
        text-decoration: none;
        line-height: 1.9em;
        font-weight:300;
        font-size: middle;
        color:blue;
        font-weight:bold;
    }
     
    #navigation ul a:active {
        text-decoration: none;
        line-height: 1.9em;
        font-weight:300;
        font-size: middle;
        color:blue;
        font-weight:bold;
    }
     
    #navigation ul li ul {
      margin-left:20px;
    }
     
    #navigation ul li:hover ul {
        display: block;
        margin-left:20px;
        color:blue;
     
     
    }
    #navigation ul a:active ul {
        text-decoration: none;
        line-height: 1.9em;
        font-weight:300;
        font-size: middle;
        color:blue;
        font-weight:bold;
    }

    - die angeklickte Ebene soll jetzt auch blau gekennzeichnet werden, wenn ich die Seite betrete, damit der Nutzer weiß wo er sich befindet (so wie bei hover) , das passiert werder bei der oberen noch bei der unteren Ebene

    Noch eine andere Frage, wie sage ich im Link der Seite das sie ein besimmtes Div öffnen soll (jedes div hat eine eindeutige id)?
    Leider habe ich keine Möglichkeit php zu verwenden, also muß die div angabe schon im link mit übergeben werden****?

    Ich hoffe ihr habt eine Lösung für mich.....
    Vielleicht gibt es ja auch ein anderes Script, welches dynamisch ist und nicht in jeder Seite anders (ohne javascript und php)

    Gruß Tinchern
    Geändert von tinchern06 (12.09.11 um 11:24 Uhr)
     

  2. #2
    Netzwerkidi Netzwerkidi ist offline Mitglied Gold
    Registriert seit
    Oct 2010
    Beiträge
    237
    Blog-Einträge
    1
    - die angeklickte Ebene soll jetzt auch blau gekennzeichnet werden
    Würde ich einmalig beim Reingehen in die Seite mit "active" (#navigation ul a:active") setzen und dann eben toggeln, wie es offenbar im JS-Code gemacht werden soll.

    Bei mir werden übrigens immer alle Werte untereinander angezeigt und fett, wenn man drüber ist.

    wie sage ich im Link der Seite das sie ein besimmtes Div öffnen soll
    Würde ich mit display:none/display:block (oder item oder was gefragt ist) machen.
    Also: für alle, die nicht das aktuelle Item sind, eine Class "deaktiv" setzen und die aktuelle auf "aktiv". Die Styles hast du ja offenbar bereits.

    Nachfolgende mal ein Beispiel, wobei "a" ist in dem Fall das Array mit den relevaten Elementen ist:

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    
    function activeTab(t) {
        document.getElementById(a[t]).style.display="block";
        as[t].className="active";
        for (var i=0;i<a.length;i++) {
          if (i!=t) {
            document.getElementById(a[i]).style.display="none";
            as[i].className="inactive";
          } 
        }
      }
     

  3. #3
    tinchern06 tinchern06 ist offline Mitglied
    Registriert seit
    Sep 2011
    Beiträge
    17
    Hallo, vielen Dank für die Antwort.

    ja genau das habe ich ja versucht, die class= ".navigation_active " aus dem oberen Quelltext, in der jeweiligen Seite bei < a href... als class fest integriert. Aber leider reagiert der Browser nicht darauf.

    Deshalb dachte ich mir ich unterliege hier einen krassen Denkfehler, weil man sich ja mal schnell in eine Sache verrennt und den Wald vor Bäumen nicht sieht. Vielleicht ist ja an der Klasse was falsch oder sie wird ignoriert, da ich ja im < a href ein script verwende****? mein link sah dann so aus:

    <a href="javascript:toggle(1,'sie_',[1,4])" title="Home" class="navigation_active ">Punkt1</a>

    Das mit dem Link und Div öffnen, habe ich glaube ich falsch ausgedrückt.
    Auf der Seite selbst kann ich per javascript (eben dieses toggle), das div problemlos öffnen und schliessen.
    Mir ging es eher darum: wenn ich eine einheitliche Navigation in allen seiten mache wie übergebe ich dann (als anhang an "www.meinedomain.de/seite1") die id des zu öffnenten divs.

    Ich hoffe ihr könnt mir helfen oder einfach ein gängiges Menue nur mit css empfehlen...
     

  4. #4
    Netzwerkidi Netzwerkidi ist offline Mitglied Gold
    Registriert seit
    Oct 2010
    Beiträge
    237
    Blog-Einträge
    1
    Hai,

    ich habe offen gesagt etwas Schwierigkeiten, dir zu folgen. Mein Gefühl sagt mir, dass es etwas Simples sein könnte, aber irgendwie packe ich es nicht so richtig.

    Auf der Seite selbst kann ich per javascript (eben dieses toggle), das div problemlos öffnen und schliessen. Mir ging es eher darum: wenn ich eine einheitliche Navigation in allen seiten mache wie übergebe ich dann (als anhang an "www.meinedomain.de/seite1") die id des zu öffnenten divs.

    Reden wir hier über eine Domain oder unterschiedliche? Du könntest Parameter beim Aufruf der Seite mit übergeben "www.meinedomain.de/seite1?var1=a&var2=b...." und die dann auswerten oder auch mit Cookies arbeiten oder auch solche Daten via Javascript einlesen (JSON)...
    Meistens hilft es bei Problemen, jeden Schritt zu checken. Vielleicht macht das System irgendetwas anders als du annimmst.

    Vielleicht findest du auch hier etwas Passendes.

    Grüße
    Idi
    Geändert von Netzwerkidi (12.09.11 um 23:18 Uhr)
     

  5. #5
    tinchern06 tinchern06 ist offline Mitglied
    Registriert seit
    Sep 2011
    Beiträge
    17
    Hallo,

    ja das mit den Variablen ist gut. (eine Domain ist richtig) Da bräuchte ich dann mal noch ein script, wie ich das dann auslese (meine javascript Kenntnisse sind leider absolut schlecht)....

    Aber das alles brauche ich nur, wenn ich das mit dem Menue (einheitlich für alle Seiten) hinbekomme.

    Dazu habe ich leider noch immer keine weiteren Erkenntnisse, obwohl das Thema ja einige interessiert, wie man an den Hits feststellen kann.

    Jetzt erst mal ins Bett und vielleicht kommt ja morgen jemand ein Geistesblitz

    Gruß Tinchern
    Geändert von tinchern06 (13.09.11 um 09:13 Uhr)
     

Ähnliche Themen

  1. a active funktioniert irgendwie nicht :S hilfe pls
    Von thuglife im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 30.11.08, 18:16
  2. Antworten: 2
    Letzter Beitrag: 30.11.08, 17:57
  3. Aufklapp-Menue im IE7
    Von prm im Forum CSS
    Antworten: 2
    Letzter Beitrag: 08.04.07, 10:20
  4. a:active/ a:focus funktioniert nicht
    Von Roaky im Forum CSS
    Antworten: 27
    Letzter Beitrag: 01.09.05, 13:06
  5. Antworten: 0
    Letzter Beitrag: 25.06.05, 16:02