Scrollbalken

davidos_no.1

Hallo,
kann man das Design des Scrollbalkens nur mit folgendem Code verändern?

Code

scrollbar-base-color:#8C8CC6;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#8C8CC6;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#ACACE6;

Der Coder funktioniert ja nur im IE. Würde es gerne so machen, dass ein großteil der Explorer den Code zulässt.

MfG

DarkSyranus

Ja, oben geschriebenes funktioniert nur im IE und imo gibt es keine Möglichkeit dies in anderen Browser anzuwenden.
Musst daher wohl mit dem standard Scrollbalken leben, oder einen JS basierten benutzen.

Dodo

Ergänzung: IE und Opera
Aber sonst: Syranus hat recht

davidos_no.1

Ok...hab jetzt folgenden Code gefunden und in den <head>-Bereich eingefügt...

Code

<script language=javascript>
var face = "ff0000";
var shadow = "00458C";
var highlight = "cccccc";
var darkshadow = "00ffff";
var track = "ffffff";
var arrow = "ff0000";


function laufLeiste(){
document.body.style.scrollbarFaceColor = face; 
document.body.style.scrollbarShadowColor = shadow ;
document.body.style.scrollbarHighlightColor = highlight;
document.body.style.scrollbarDarkshadowColor = darkshadow;
document.body.style.scrollbarTrackColor = track;
document.body.style.scrollbarArrowColor = arrow;
}
window.onload=laufLeiste;
</script>

Alles anzeigen

Leider verändert sich der Skrollbalken (in einem DIV-Container gelagert) nicht. Hat jemand eine Idee, woran es liegen könnte?

MfG

Dodo

ja: mit document.body.style.scrollbarFaceColor ändert die ScrollbarFaceColor (CSS) vom body.
Damit machst du das selbe wie vorhin, nur halt mit javascript

davidos_no.1

Zitat von Dodo

ja: mit document.body.style.scrollbarFaceColor ändert die ScrollbarFaceColor (CSS) vom body.
Damit machst du das selbe wie vorhin, nur halt mit javascript

Stimmt - wie dumm von mir!
Wie mach' ich das denn, dass sich der Scrollbalken im DIV ändert?

MfG

Dodo

Valide, barrierefrei und richtig: gar nicht
sonst kannst du dich höchstens hilfsmitteln bedienen, was sehr kompliziert wird

davidos_no.1

Mmm...so kompliziert, dass es für mich/uns nicht machbar ist?

MfG

Dodo

ich weiß nicht was du so in JavaScript kannst
oder vom programmier- bzw. scripttechnichnischen

davidos_no.1

Wenn es dir nichts ausmacht, fang einfach mal an - ich versuch mein Bestes!

MfG

Dodo

eine große hilfe werden dir vll die funktionen ScrllBy() und ScrollTo() sein

davidos_no.1

Zitat von Dodo

eine große hilfe werden dir vll die funktionen ScrllBy() und ScrollTo() sein

Kannst du mir erläutern, wie du das meinst?
ScrollTo() und ScrollBy() dienen doch nur folgender maßen:

- Scrollt eine Seite automatisch um so viele Pixel nach oben oder unten oder links oder rechts wie angegeben.
- Scrollt zu einer bestimmten Position.

Wie regel ich damit, dass sich der Skrollbalken im DIV ändert?

MfG

kivat

Schau doch mal auf dieser Seite:

http://www.homepage-total.de/css/scrollbar.php

davidos_no.1

Zitat von kivat

Schau doch mal auf dieser Seite:

http://www.homepage-total.de/css/scrollbar.php

Das ist der gleiche CSS-Code, den ich schon gepostet habe. Der funktioniert leider nur im IE und ist deshalb für mich nicht geeignet.

MfG

Bandit

Zitat von davidos_no.1

Der funktioniert leider nur im IE und ist deshalb für mich nicht geeignet.

Dir ist doch schon geschrieben worden, dass das sowieso nur mit dem IE funktioniert. Ich würde deshalb den Kram einfach lassen.

DarkSyranus

So, nach ein wenig Google kam das hier bei heraus. In diesem Falle wird der Scrollbalken wie gewünscht geändert (per JS), funktioniert also auch im Firefox.
Wenn JS allerdings deaktiviert ist, wird der ganz normale angezeigt.

Tags