Ergebnis 1 bis 5 von 5

Thema: Activer Link

  1. #1
    Azubi(ne)
    Registriert seit
    05.06.2008
    Beiträge
    71
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Activer Link

    Hi,

    habe unter diesem Link mal eine Test-Html hochgeladen:
    http://www.sebastianrost.de/pfs-test...hsel_test.html

    Kurz zum Problem: onclick auf Kasten A und B wechselt den Inhalt vom Div-Container (per JS). Gleichzeitig wird der der aktive Kasten rot eingefärbt (per JS).
    Das funktioniert wie gewünscht.
    Darunter findet ihr Link A und Link B. Die bewirken das gleiche wie Kasten A und B - Austausch des DIV Containers.
    Das Problem liegt nun darin, dass sich zusätzlich bei Klick auf Link A der Kasten A rot einfärben soll (analog für Link B).

    Ich komme da irgendwie nicht weiter.
    Gruß Sero
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    bin leider kein guter js-coder, aber so würds laufen:

    Code:
    <SCRIPT type=text/javascript>
    function show_div&#40;x&#41;&#123;
     document.getElementById&#40;'div_change'&#41;.innerHTML = text&#91;x&#93;;
    &#125;
    
    var text = new Array&#40;&#41;
    text&#91;1&#93; = "Container Inhalt A"
    text&#91;2&#93; = "Container Inhalt B"
    
    
    function byId&#40;id&#41; &#123;
    return document.getElementById ? document.getElementById&#40;id&#41; &#58; document.all&#91;id&#93;;
    &#125;
    
    var prevLink = "";
    function changeActiveStates&#40;ele&#41; &#123;
    if &#40;prevLink&#41; &#123; byId&#40;prevLink&#41;.className = 'staff'; &#125;
    byId&#40;ele&#41;.className = 'staff_active';
    prevLink = ele;
    &#125;
    
    </SCRIPT>
    
    <STYLE type=text/css>.....</STYLE>
    
    <BODY>
    <DIV style="MARGIN&#58; 100px 0px 0px; TEXT-ALIGN&#58; center">A B 
    
    
    
    <DIV class=box id=div_change></DIV>
    
    
    
    <A id=link1a 
    onclick="show_div&#40;1&#41;, changeActiveStates&#40;'link1'&#41;"
    href="">Link 
    A</A>
    <A id=link2b onclick="show_div&#40;2&#41;, changeActiveStates&#40;'link2'&#41;" 
    href="">Link 
    B</A></DIV></BODY></HTML>
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Azubi(ne)
    Themenstarter

    Registriert seit
    05.06.2008
    Beiträge
    71
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Danke fuer deinen Ansatz, aber es funktioniert leider nicht; changeActiveStates() verlangt das man this in die Klammern setzt, damit sich der Hintergrund des Kasten nach onlcick in rot verfaerbt.
    Habe auch probiert das zu schreiben changeActiveStates(this,'link1') das geht auch nicht.
    Hast du vielleicht noch einen Tip.

  4. #4
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    hm? also bei mir klappt das so problemlos....

    hast du auch des script oben mitangepasst ?
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  5. #5
    Azubi(ne)
    Themenstarter

    Registriert seit
    05.06.2008
    Beiträge
    71
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    hey super, du hattest recht dein Code funktioniert. Sorry.

    Danke fuer dein Hilfe.

    Sero

Ähnliche Themen

  1. Link...
    Von Silas_T im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 18.10.2006, 20:45
  2. link
    Von konnyzelger im Forum Link Tipps
    Antworten: 9
    Letzter Beitrag: 02.09.2006, 15:38
  3. link
    Von el3ment im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 15.01.2006, 11:12
  4. bild als link ohne link-markierung
    Von Kanzler2 im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 06.04.2005, 23:14
  5. CSS-Link
    Von odyssee im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 12.06.2004, 15:03

Stichworte

Berechtigungen

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