tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
3
ZUGRIFFE
465
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    meZZo07 meZZo07 ist offline Rookie
    Registriert seit
    Oct 2007
    Beiträge
    5
    Hallo,

    auf meiner Homepage werden die aktiven links auf der rechten seite mit blauem hintergrund, zentriert und unterstrichen angezeigt.
    soweit so gut ...

    jetzt möchte ich auf dieser Seite, auf der die links die zu öffnende seite in einem iframe läd, den selben effekt für einen aktiven link einfügen wie auf allen anderen seiten.

    klickt einfach mal auf die jeweiligen links dann müsstet ihr schon verstehen was ich meine.

    meine frage ist nun: wie stelle ich das jetzt an das aktive links dargestellt werden obwohl sich die eigentliche seite gar nicht ändert.

    Ich bedanke mich schonmal im vorfeld.
     

  2. #2
    Maik Tutorials.de Gastzugang
    Hi,

    hierfür wäre Javascript erforderlich:

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    
    <script type="text/javascript">
    <!--
    function aktivieren(strHref)
    {
        if(document.getElementById)
            {
                for(i=0;i<document.links.length;++i)
                    {
                        if(String(document.links[i].className).match(/^(nav|clicked)$/))
                            {
                                document.links[i].className=(document.links[i].href==strHref)?'clicked':'nav';
                            }
                    }
            }
    }
    //-->
    </script>
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    
    <style type="text/css">
    <!--
    a.nav,a.clicked {
    color: #B52C07;
    text-decoration: none;
    }
     
    a.nav:hover {
    color: #FF0000;
    text-decoration: underline;
    }
     
    a.clicked {
    text-decoration: underline;
    color: #B52C07;
    background-color: #87A6E7;
    text-align: center;
    }
    -->
    </style>
    Code :
    1
    2
    3
    
    <a class="clicked" href="#link1" target="main" onclick="aktivieren(this.href)">Link 1</a>
    <a class="nav" href="#link2" target="main" onclick="aktivieren(this.href)">Link 2</a>
    <a class="nav" href="#link3" target="main" onclick="aktivieren(this.href)">Link 3</a>
    Und bitte beachte die Netiquette bzgl. der Groß- und Kleinschreibung. Vielen Dank.
     

  3. #3
    meZZo07 meZZo07 ist offline Rookie
    Registriert seit
    Oct 2007
    Beiträge
    5
    Vielen Dank für die schnelle Antwort.

    Es funktioniert super.

    Hier angucken
     

  4. #4
    meZZo07 meZZo07 ist offline Rookie
    Registriert seit
    Oct 2007
    Beiträge
    5
    Hi nochmal,

    ist es möglich den Link als Aktiv anzuzeigen wenn ich von einer anderen Seite darauf verlinke?

    Weil bis jetzt wird ja immer nur der Link als Aktiv angezeigt auf den geklickt wurde oder der als Standart markiert ist.

    Wenn ich jetzt zum Beispiel auf diesen Link klicke, sollte eigentlich die Schaltfläche "Zimmerei" als Aktiv angezeigt werden.

    Vielen Dank

    meZZo07
    Geändert von meZZo07 (05.10.07 um 23:29 Uhr)
     

Ähnliche Themen

  1. Antworten: 4
    Letzter Beitrag: 26.04.10, 16:10
  2. Button --> Optik Ändern (soll aussehen wie ein Link)
    Von LxLehrling im Forum HTML & XHTML
    Antworten: 14
    Letzter Beitrag: 29.03.09, 13:55
  3. 2 iFrames durch einen Link ändern ?
    Von Trash im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 04.06.06, 21:10
  4. Link soll in einem neuen Tab geöffnet werden
    Von karmababy im Forum HTML & XHTML
    Antworten: 12
    Letzter Beitrag: 21.06.05, 17:18
  5. WIe kann ich ändern womit Datein geöffnet werden?
    Von KristophS im Forum Microsoft Windows
    Antworten: 4
    Letzter Beitrag: 28.05.04, 20:26