Scrollbalken

Einklappen
X
Einklappen
 
  • Seite von 1
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige template Weiter
  • #1

    Scrollbalken

    Tach Leutz,
    hab mal ne Frage bezüglich des Scrollbalkens. Ich habe den Scrollbalken mittels CSS "eingefärbt". Nun möchte ich, dass wenn man mit der Maus über den Scrollbalken fährt, dass dieser seine Farbe ändert.
    Ist dies mit JS möglcih???
    Wenn ja wie???

    mfg trekkie2003
    www.hsv-hockenheim.com
    www.carl-theodor-schule.de
    www.hockenheimring.de
    www.uni-heidelberg.de
    Stichworte: -
  • #2
    vermutlich gar nicht, aber einen Versuch mit der CSS-Pseudoklasse over wär's wert: wie mit a {} und aver{} ... aber ich denke, auch damit läßt sich der Scrollbalken alleine nicht ansprechen.
    mein Sport: mein Frühstück: meine Arbeit:

    Sämtliche Code-Schnipsel sind im Allgemeinen nicht getestet und werden ohne Gewähr auf Fehlerfreiheit und Korrektheit gepostet.

    Kommentar

    • #3
      geht

      Mit folgendem Code:

      <html>
      <head>
      <script language="javascript">
      function move()
      {
      chk = 1000 - 25;
      if(window.event.x > chk)
      {
      var newRGB="rgb(185,0,5)";
      document.body.style.scrollbarFaceColor = newRGB;
      }
      else
      {
      var newRGB="rgb(195,195,195)";
      document.body.style.scrollbarFaceColor = newRGB;
      }
      }
      </script>
      </head>
      <body onLoad="window.resizeTo(1000,760)" onMousemove=move()>
      </body>
      </html>

      Die Fensterbreite muss zweimal angepasst werden
      ( 1. onLoad="window.resizeTo(1000,760)"
      2. chk = 1000 - 25 )

      Nachteil(e):
      - JavaScript nötig
      - Nur mit IE möglich
      - feste Fenstergröße
      - ungenau, da der Wert 25 durch probieren ermittelt wurde und von System zu System variieren kann:
      (Systemsteuerung -> Anzeige -> Darstellung -> Schema[standard, groß, extra groß])

      MfG
      Juggler
      MfG
      Juggler

      Kommentar

      • #4
        sorry

        Das geht einfacher...
        hab kurz nach meiner ersten Antwort deinen Thread gefunden; also:

        geht
        Mit folgendem Code:

        <html>
        <head>
        <script language="javascript">
        function move()
        {
        chk = document.body.clientWidth;
        if(window.event.x > chk)
        {
        var newRGB="rgb(185,0,5)"; //Farbe anpassen
        document.body.style.scrollbarFaceColor = newRGB;
        }
        else
        {
        var newRGB="rgb(195,195,195)"; //Farbe anpassen
        document.body.style.scrollbarFaceColor = newRGB;
        }
        }
        </script>
        </head>
        <body onMousemove=move()>
        </body>
        </html>

        damit gibt es auch nur noch 2 Nachteile:
        - JavaScript nötig
        - Nur mit IE möglich

        MfG
        Juggler
        MfG
        Juggler

        Kommentar

        • #5
          THX

          Thx Leutz,
          aber das ist eigentlich nicht das was ich suche. Ich will, dass sich die Farbe des Scrollbalkens verändert. Und das
          !nur! wenn man über den Scrollbalken fährt. Nicht schon wenn ich die Maus in irgendeine Richtung bewege!Aber troztdem Danke für eure Bemühungen.

          cya trekkie2003

          www.hsv-hockenheim.com
          www.carl-theodor-schule.de
          www.hockenheimring.de
          www.uni-heidelberg.de

          Kommentar

          • #6
            nicht ganz korrekt

            Bei meinem Script verändert sich die Farbe der Scrollleiste, wenn man mit der Maus darüber fährt und nicht wenn man die Maus in eine Richtung bewegt...

            Wenn Du allerdings möchtest, dass sich nur die Farbe des Scrollbalkens ändert, so könnte man das doch leicht anpassen:

            function move()
            {
            chk = document.body.clientWidth + 2;
            if(window.event.x > chk) //Ist Mauszeiger über Scrollbar?
            {
            var sfc = "rgb(185,0,5)"; //scrollbar-face-color
            var ssc = "rgb(185,0,5)"; //scrollbar-shadow-color
            var shc = "rgb(255,255,255)"; //scrollbar-highlight-color
            var stc = "rgb(223,223,223)"; //scrollbar-track-color
            var sac = "rgb(255,255,255)"; //scrollbar-arrow-color


            document.body.style.scrollbarFaceColor = sfc;
            document.body.style.scrollbarShadowColor = ssc;
            document.body.style.scrollbarTrackColor = stc;
            document.body.style.scrollbarHighlightColor = shc;
            document.body.style.scrollbarArrowColor = sac;

            }
            else //wenn Mauszeiger nicht über Scrollbar
            {
            var sfc = "rgb(192,192,192)"; //scrollbar-face-color
            var ssc = "rgb(128,128,128)"; //scrollbar-shadow-color
            var shc = "rgb(255,255,255)"; //scrollbar-highlight-color
            var stc = "rgb(223,223,223)"; //scrollbar-track-color
            var sac = "rgb(0,0,0)"; //scrollbar-arrow-color

            document.body.style.scrollbarFaceColor = sfc;
            document.body.style.scrollbarShadowColor = ssc;
            document.body.style.scrollbarTrackColor = stc;
            document.body.style.scrollbarHighlightColor = shc;
            document.body.style.scrollbarArrowColor = sac;
            }
            }

            Probier's doch einfach aus.

            MfG
            Juggler
            MfG
            Juggler

            Kommentar

            • #7
              THX

              THX Juggler!
              www.hsv-hockenheim.com
              www.carl-theodor-schule.de
              www.hockenheimring.de
              www.uni-heidelberg.de

              Kommentar

              Vorherige template Weiter
              Lädt...
              X