Søg
Avatar billede hono Nybegynder
07. august 2002 - 23:21 Der er 21 kommentarer og
1 løsning

Ændre scrollbarfarver dynamisk

Jeg har en span hvorpå jeg har sat en scrollbar:

<span style="height:100;width:100;overflow:auto;" id="minspan">

blabla blabla blabla blabla blabla blabla  blabla blabla blabla v

</span>

Ved hjælp af css, har jeg defineret egne farver i scrollbaren. Kan dette ændres dynamisk? Ligesom jeg f.eks. kan ændre skrifttypen sådan:

minspan.style.fontFamily = "Tahoma";

Kan man på samme måde ændre scrollbar-3dlight-color og alle de andre?

Hono
Avatar billede easysoft_studios Nybegynder
07. august 2002 - 23:23 #1
body {
    scrollbar-highlight-color:#787878;
    scrollbar-shadow-color:#4F4F4F;
    scrollbar-track-color:#565652;
    scrollbar-face-color:#666666;
    scrollbar-arrow-color:#999999;
    scrollbar-darkshadow-color:#000000;
    scrollbar-3dlight-color:#565652;
}
Avatar billede easysoft_studios Nybegynder
07. august 2002 - 23:23 #2
på din span kræver det IE 5.5 eller nyere
Avatar billede easysoft_studios Nybegynder
07. august 2002 - 23:24 #3
<span style="height:100;width:100;overflow:auto;scrollbar-highlight-color:#787878;scrollbar-shadow-color:#4F4F4F;scrollbar-track-color:#565652;scrollbar-face-color:#666666;scrollbar-arrow-color:#999999;scrollbar-darkshadow-color:#000000;scrollbar-3dlight-color:#565652;" id="minspan">
Avatar billede hono Nybegynder
07. august 2002 - 23:24 #4
easysoft_studios >> Noget siger mig at det er standardsvar du har liggende klar, "bestemme_farver_i_scrollbaren_spørgsmål". Men mit er altså lidt anderledes.

Læs det lige før du svarer :)

Hono
Avatar billede easysoft_studios Nybegynder
07. august 2002 - 23:25 #5
sorry :)
Avatar billede hono Nybegynder
07. august 2002 - 23:25 #6
hehe, helt i orden.
Avatar billede easysoft_studios Nybegynder
07. august 2002 - 23:25 #7
meget standard svar :)

er bare helt vild hammer træt, så måske derfor
Avatar billede easysoft_studios Nybegynder
07. august 2002 - 23:26 #8
tror faktisk jeg rodede med det samme på et tidspunkt... prøver lige at kikke min profil igennem
Avatar billede hono Nybegynder
07. august 2002 - 23:28 #9
lyder nice :)
Avatar billede easysoft_studios Nybegynder
07. august 2002 - 23:30 #10
der kan man bare se... ingen svar :(
Avatar billede hono Nybegynder
07. august 2002 - 23:32 #11
hmm, så vil jeg da håbe at jeg er lidt heldigere. Men tak for hjælpen i hvert fald. :)
Avatar billede easysoft_studios Nybegynder
07. august 2002 - 23:34 #12
selv tak :)
Avatar billede =maddog= Nybegynder
08. august 2002 - 03:47 #13
det er jo en hel del styles der skal sættes. mon ikke det er en ide at sætte dem i klasser og så bare bytte klassen med oObject.className
Dette her duer i hvert fald på min maskine.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style>
#pane {
    display:block;
    overflow:auto;
    font:12px Verdana, sans-serif;
    width:200px;
    height:100px;
    background:#8191f5;
}
.initialScroll {
    filter:alpha(opacity=50);
    -moz-opacity:0.500;
    scrollbar-highlight-color:#524efa;
    scrollbar-shadow-color:#8191f5;
    scrollbar-track-color:#8191f5;
    scrollbar-face-color:#524efa;
    scrollbar-arrow-color:#524efa;
    scrollbar-darkshadow-color:#8191f5;
    scrollbar-3dlight-color:#8191f5;
}
.overScroll {
    filter:alpha(opacity=100);
    -moz-opacity:0.999;
    scrollbar-highlight-color:#000000;
    scrollbar-shadow-color:#000000;
    scrollbar-track-color:#8191f5;
    scrollbar-face-color:#524efa;
    scrollbar-arrow-color:#ffffff;
    scrollbar-darkshadow-color:#000000;
    scrollbar-3dlight-color:#000000;
}

</style>
</head><body>
<span id="pane" class="initialScroll" onmouseover="this.className='overScroll';" onmouseout="this.className='initialScroll';">
Frederiksberg seminar <br>
Høm Høm <br>
Indonesiologi <br>
Samurai <br>
Napoleonshat <br>
Dybbøl Mølle <br>
Agurketid <br>
<br><br><br><br><br><br><br>
</span>
</body>
</html>
Avatar billede mik789 Nybegynder
08. august 2002 - 09:09 #14
maddog> ved du noget om kompatibiliteten for this.className ? Jeg kan se at det funker på mine IE6 og NS6, men hvordan er det bagud??? det er jo ret fedt at kunne integrere javascript og css på denne måde
Avatar billede hono Nybegynder
08. august 2002 - 09:14 #15
=maddog= >> Tak for det, men jeg skal altså bruge den "hårde" løsning. Altså hvor hver enkel del på scrollbaren skifter farve enkeltvis. Kan du ikke give mig et eksempel på hvordan jeg f.eks. bare kan ændre arrow-color, så kan jeg godt finde ud af resten skulle jeg mene.

Hono
Avatar billede =maddog= Nybegynder
08. august 2002 - 09:28 #16
specs for CSS siger at properties hvori der indgår flere ord samles med bindestreg, og midlertidige properties starter med bindestreg (hyphen). f.x
scollbar-arrow-color
-moz-opacity
dette hyphen kan ikke optræde i JS, men istedet lader man det efterfølgende ord starte med stort.
oObject.style.scrollbarArrowColor
oObject.style.MozOpacity (BEMÆRK!!! M med stort)
hvis du skal sætte blot en enkelt style kan du altså bare skrive
onmouseover="this.style.scrollbarArrowColor='black';"


mht. className. Ved ikke med NS men regner ikke med NS4. IE har className så langt tilbage som IE4.
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/classname.asp
Og det er ikke bare smart. Det er RIGTIG smart, da man kan holde JS for sig og CSS for sig og derved have en realistisk chance for vedligeholde sit design. (sæt nu man ville ændre farve skemaet på siden og skulle ind og fedte i en masse scripts for at finde ud af hvor f**den man nu havde sat i tåbelige scrollbar farver).
HTML: Datastruktur
java script: Datakontrol
CSS: Layout
Ikke noget misk-mask.
Avatar billede hono Nybegynder
08. august 2002 - 16:23 #17
=maddog= >> nice!!!! Tak skal du have.

Hono
Avatar billede =maddog= Nybegynder
08. august 2002 - 17:00 #18
altid til tjenste :D
Avatar billede easysoft_studios Nybegynder
08. august 2002 - 22:54 #19
også tak herfra
ser godt ud :)
Avatar billede mik789 Nybegynder
08. august 2002 - 23:15 #20
og herfra for undervisningen om css i javascript ;-)
Avatar billede =maddog= Nybegynder
08. august 2002 - 23:42 #21
lader til jeg er blevet spist af med alt for få points LOL.
Avatar billede easysoft_studios Nybegynder
09. august 2002 - 00:14 #22
kunne tænkes :P
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 11:19 Ios 27 iphone låst sim Af claes57 i Apps til iOS
I går 10:42 Tidsbestemt opladning af elbil Af vbr i Andet software
13/0917:00 Film Server Af dcedata1977 i Andet software
13/0912:56 Mistænkelige mails! Af ErikHg i E-mail
12/0914:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
White papers
Flere white papers »