tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
11
ZUGRIFFE
550
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Avatar von Xonic
    Xonic Xonic ist offline Mitglied Bronze
    Registriert seit
    Feb 2001
    Ort
    (Sachsen) *toll*
    Beiträge
    33
    Tach tach

    ich würde gerne folgendes anstellen: wenn man bei meiner Siete auf einen Link klickt, dann soll er sich sein style verändern (am besten wäre man könnte seine klasse(css) ändern)
    das prob liegt darin, dass der veränderte Zustand solange anhalten müsste, biss ein andere Link geklickt würde, mit dem dann das selbe passiert.

    kann mir da jemand nen Tip geben****

    dankeschön
     
    Meine Haare wachsen mir über den Kopf

  2. #2
    Thomas Kuse Thomas Kuse ist offline Mitglied Rubin
    Registriert seit
    Aug 2001
    Beiträge
    1.411
    mhh also probier das doch mal mit den class - eigenschaften eines objektes!!

    also das du beim raufclicken halt die class-eigenschaft in einen anderen style änderst!!
     

  3. #3
    Avatar von lexi
    lexi lexi ist offline Mitglied Brokat
    Registriert seit
    Oct 2001
    Beiträge
    298
    So, hab sowas ähnliches scho mal mit Bildern gemacht und den Code deinem Zeugs angepasst:

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    
    <script language="JavaScript">
     
    // js by lexi
    // visit [url]www.lexi-style.com[/url]
     
    var clicked=0;
     
    function clck(objIn){
    if (objIn!=clicked){
    document.all[clicked].style.color = "red";
    document.all[objIn].style.color = "blue";
    clicked=objIn;}
    }
    </script>
    in den head

    in den body:
    Code :
    1
    2
    3
    
    <a href="bla.html" id="[COLOR=red]a[/COLOR]" onClick="clck('[COLOR=red]a[/COLOR]')">bla</a>
    <a href="bla2.html" id="[COLOR=red]b[/COLOR]" onClick="clck('[COLOR=red]b[/COLOR]')">bla2</a>
    <a href="bla3.html" id="[COLOR=red]c[/COLOR]" onClick="clck('[COLOR=red]c[/COLOR]')">bla3</a>

    ID muss ein oder mehrere Buchstaben sein..
    Dürfte nur mit IE ****en.. Mal schaun wegen NE..

    Greez, lexi.
     

  4. #4
    Thomas Kuse Thomas Kuse ist offline Mitglied Rubin
    Registriert seit
    Aug 2001
    Beiträge
    1.411
    ok so gehts ja viel bessa******!

    aber geht das mit class-ändern nu eigentlich auch****
     

  5. #5
    Avatar von lexi
    lexi lexi ist offline Mitglied Brokat
    Registriert seit
    Oct 2001
    Beiträge
    298
    Was meinst du mit Class-Änderungen? [CSS]{ a:visited } oder was****
    Da welchselt der Link aber die Farbe nicht wenn man auf einen anderen klick sondern wechselt nur einmal die Farbe wenn man darauf geklickt hat..

    PS: Wenn Ihr was mit meinen Posts anfangen konntet, votet doch bitte..
     

  6. #6
    Thomas Kuse Thomas Kuse ist offline Mitglied Rubin
    Registriert seit
    Aug 2001
    Beiträge
    1.411
    du kennst doch die sachen à la <p class="unten">blblalasfasf</p>

    oder nich? dort is class doch sicher eine eigenschaft die man auch mit js ändern kann
     

  7. #7
    Avatar von lexi
    lexi lexi ist offline Mitglied Brokat
    Registriert seit
    Oct 2001
    Beiträge
    298
    Geht auch mit:

    document.all['a'].className = "clicked";
     

  8. #8
    Thomas Kuse Thomas Kuse ist offline Mitglied Rubin
    Registriert seit
    Aug 2001
    Beiträge
    1.411
    krassssssss
     

  9. #9
    Avatar von Xonic
    Xonic Xonic ist offline Mitglied Bronze
    Registriert seit
    Feb 2001
    Ort
    (Sachsen) *toll*
    Beiträge
    33
    Guten Abend an alle

    ich wollte mich blos schon mal bedanken.... morgen werde ich mir das zeug mal in ruhe anschauen

    also dann bis morgen denn wenn ich jeze nicht schlafen gehe, dann seh ich morgen so aus: :-[



    ...oder so: %)





    .......oder noch schlimmer so: :{}


    oder ich bin dann total hysterisch und mach solche :| sachen


    und das will doch niemand
     
    Meine Haare wachsen mir über den Kopf

  10. #10
    Avatar von Xonic
    Xonic Xonic ist offline Mitglied Bronze
    Registriert seit
    Feb 2001
    Ort
    (Sachsen) *toll*
    Beiträge
    33
    Ahoi


    hab es gestern leider nicht mehr geschafft mich intensiv mit dem Code auseinander zu setzten, aber naja das ist auch egal........:|


    also für alle die das interessiert wie man das nicht nur mit Farben machen kann...


    das ist die deklaration:

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    
    var clicked="0";
    function clck(objIn)
    {
      /*
      // 1. mit dieser Prozedur kann man die Welt beherrschen
      // 2. ich hab mir das alles ganz alleine ausgedacht  
      // 3. *g*
     */
     
      // urspruengliches Kommentar:
     
      // js by lexi
      // visit [url]www.lexi-style.com[/url]
     
     if (objIn!=clicked)
     {
        document.all[clicked].className = "link";//vorher gedrücktes
        document.all[objIn].className = "link_gedrue";// aktuelles
        clicked=objIn; 
     }
    }


    und das muss dann in den Code

    Code :
    1
    2
    3
    4
    5
    6
    
     
    <div align="left" id="a"class="link">
     
    <a href="irgendwas.htm" onClick="clck('a')" target="mainFrame">;-)</a>
     
    </div>


    ich grübel jetzt grade noch, darüber wie ichs am besten anstelle, dass am anfang schon ein link den "gedrückt" status hat...
    na mal sehen

    Tschüss und ALLEN einen schönen Feiertag
    Geändert von Xonic (31.10.01 um 20:53 Uhr)
     
    Meine Haare wachsen mir über den Kopf

  11. #11
    Avatar von lexi
    lexi lexi ist offline Mitglied Brokat
    Registriert seit
    Oct 2001
    Beiträge
    298
    Wie mans nur mit Farben macht siehst du wenn du mein erstes Posting anguckst, document.all[].style.color = "#000000"
    Den ersten link einfach mit style="" definieren und clicked auf den geclickten setzen (z.b. "a").
    Das müsste so funktionieren.. Natürlich nur mit IE..

    Achso, bitte lasst meine Werbung drinnen und setzt nich euren Namen dafür ein, schließlich habs ja ich gecodet, nicht du, auch wenn dus angepasst hast..
    Geändert von lexi (31.10.01 um 02:11 Uhr)
     

  12. #12
    Avatar von Xonic
    Xonic Xonic ist offline Mitglied Bronze
    Registriert seit
    Feb 2001
    Ort
    (Sachsen) *toll*
    Beiträge
    33
    Ja dass mit den hattest du ja schon in deinem ersten Codebeispiel....

    aber ich persönlich finde das mit den Klassen total cool weil man da alles auf einmal ändern kann.....bei der Gelegenheit bin auch mal dazu gekommen die Javascriptsparte von selfhtml oberflächlich zu begutachten.... iss ja total cool was man da so alles machen kann.

    ach und dein Kommentar ist wieder da wos hingehört (damit dein Lebenswerk auch entsprechend gewürdigt wird.....
     
    Meine Haare wachsen mir über den Kopf

Ähnliche Themen

  1. Coole Header
    Von Blackylein im Forum Photoshop
    Antworten: 3
    Letzter Beitrag: 06.07.05, 12:59
  2. coole Effekte
    Von Blackylein im Forum HTML & XHTML
    Antworten: 1
    Letzter Beitrag: 07.06.05, 14:46
  3. Coole Wellen
    Von DocShade im Forum Cinema 4D
    Antworten: 4
    Letzter Beitrag: 30.12.02, 15:25
  4. Coole Gestalltung
    Von Homie25 im Forum Photoshop
    Antworten: 8
    Letzter Beitrag: 28.03.02, 22:19
  5. Coole Backgroundgrafik ! ;)
    Von Spawn im Forum Photoshop
    Antworten: 45
    Letzter Beitrag: 18.03.02, 17:45