Avatar billede psychopaticola Nybegynder
17. november 2006 - 16:28 Der er 9 kommentarer og
1 løsning

Gennemsigtig scrollbar i IE

Hej!

Jeg har, via CSS, lavet en halv-transperent scrollbar på en frame. Det virker pisse godt; problemet kommer så bare, når jeg vil lave "page jumps" i framet via en anden underside/frame. Internet Explorer har åbenbart et eller andet imod
style="FILTER: chroma(color=#ff0000)"
ved bare ikke hvorfor. Den linje gør scrollbaren flot, men forhindrer en at lave jumps.

For at i kan se hvad jeg mener, har jeg her et eksempel:

SELVE SIDEN:
<html>

<frameset cols="180,*">

<frame src="content.htm">
<frame src="link.htm" name="showframe">

</frameset>

</html>

DET ENE FRAME (content.htm):
<html>
<body>

<a href ="link.htm" target ="showframe">Link without Anchor</a><br>
<a href ="link.htm#C10" target ="showframe">Link with Anchor</a>

</body>
</html>

DET ANDET FRAME, DET MED SCROLLBAR'EN:
<html>
<head>
<style type="text/css">
body {
scrollbar-face-color: #ff0000;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #ff0000;
scrollbar-darkshadow-color: #000000;
scrollbar-highlight-color: #ff0000;
scrollbar-shadow-color: #ff0000;
filter: chroma(color=#ff0000)}
</style>
</head>
<body>

<a name="C1"></a><h2><a name="C1">Chapter 1</a></h2>
<p><a name="C1">This chapter explains ba bla bla</a></p>

<a name="C2"></a><h2><a name="C2">Chapter 2</a></h2>
<p><a name="C2">This chapter explains ba bla bla</a></p>

<a name="C3"></a><h2><a name="C3">Chapter 3</a></h2>
<p><a name="C3">This chapter explains ba bla bla</a></p>

<a name="C4"></a><h2><a name="C4">Chapter 4</a></h2>
<p><a name="C4">This chapter explains ba bla bla</a></p>

<a name="C5"></a><h2><a name="C5">Chapter 5</a></h2>
<p><a name="C5">This chapter explains ba bla bla</a></p>

<a name="C6"></a><h2><a name="C6">Chapter 6</a></h2>
<p><a name="C6">This chapter explains ba bla bla</a></p>

<a name="C7"></a><h2><a name="C7">Chapter 7</a></h2>
<p><a name="C7">This chapter explains ba bla bla</a></p>

<a name="C8"></a><h2><a name="C8">Chapter 8</a></h2>
<p><a name="C8">This chapter explains ba bla bla</a></p>

<a name="C9"></a><h2><a name="C9">Chapter 9</a></h2>
<p><a name="C9">This chapter explains ba bla bla</a></p>

<a name="C10"><h2>Chapter 10</h2></a>
<p>This chapter explains ba bla bla</p>

<a name="C11"></a><h2><a name="C11">Chapter 11</a></h2>
<p><a name="C11">This chapter explains ba bla bla</a></p>

<a name="C12"></a><h2><a name="C12">Chapter 12</a></h2>
<p><a name="C12">This chapter explains ba bla bla</a></p>

<a name="C13"></a><h2><a name="C13">Chapter 13</a></h2>
<p><a name="C13">This chapter explains ba bla bla</a></p>

<a name="C14"></a><h2><a name="C14">Chapter 14</a></h2>
<p><a name="C14">This chapter explains ba bla bla</a></p>

<a name="C15"></a><h2><a name="C15">Chapter 15</a></h2>
<p><a name="C15">This chapter explains ba bla bla</a></p>

<a name="C16"></a><h2><a name="C16">Chapter 16</a></h2>
<p><a name="C16">This chapter explains ba bla bla</a></p>

<a name="C17"></a><h2><a name="C17">Chapter 17</a></h2>
<p><a name="C17">This chapter explains ba bla bla</a></p>

</body></html>

Se siden her: http://studenterhus-slagelse.dk/test/

Jeg er ret desperat, så toppoint til den der kan give mig svaret!!

Siden jeg forsøger at gøre det på, er http://studenterhus-slagelse.dk/ i kalenderen til højre, så den hopper direkte ned til elementet på Arrangement-undersiden. Og da baggrunden jo er flerfarvet, kan jeg ikke bare lave scrollbaren hvid.
Avatar billede jhe-ting Nybegynder
17. november 2006 - 17:40 #1
filter:progid:DXImageTransform.Microsoft.filter: chroma(color=#ff0000)
Avatar billede psychopaticola Nybegynder
17. november 2006 - 18:07 #2
Øhh, sorry, men hvor skal det stykke kode indsættes? De steder jeg har prøvet giver det ingen effekt, og page jumps virker STADIG ikke.
Avatar billede psychopaticola Nybegynder
17. november 2006 - 18:22 #3
Det underlige er, at det virker når man trykke Opdater. Prøv en gang - gå ind på http://studenterhus-slagelse.dk/ , tryk på et af arrangementerne ude i siden; du kommer så ind på den korrekte underside, men den scroller ikke ned til der hvor den skal. Det gør den så, når man trykker refresh!! Meget mystisk...
Avatar billede jhe-ting Nybegynder
17. november 2006 - 18:30 #4
Der indsneg sig en lille fejl. Her er det du skal skrive.
Du skal skrive det på det sted hvor du har skrevet :

  filter: chroma(color=#ff0000)}

ret det til :

  filter:progid:DXImageTransform.Microsoft.Chroma(color=#ff0000)}
Avatar billede psychopaticola Nybegynder
17. november 2006 - 19:48 #5
Beklager, men det har altså stadig ingen effekt overhovedet. Scrollbaren forbliver gennemsigtig, men den laver stadig samme fejl. Prøv selv; download denne .zip-fil og rod med det: http://studenterhus-slagelse.dk/test/test.rar
Avatar billede jhe-ting Nybegynder
18. november 2006 - 06:41 #6
Nu har jeg set mere på det.

Hvad er det du vil opnå med chroma? Alle røde ting på siden bliver gennemsigtige, men i eksemplet ses der aldrig noget bag de 'gennemsigtige' scroll-bars - de er bare hvide.
Har du fundet en metode til at vise tekst eller billeder 'bag' en scroll-bar?
Jeg er meget nysgerrig. Det må du vise.

Ellers kan den hvide effekt jo let opnås uden filter.
Avatar billede psychopaticola Nybegynder
18. november 2006 - 15:37 #7
Den side jeg er i gang med at lave det på, er http://studenterhus-slagelse.dk/.
Det skal være sådan, at når man klikker på et af punkterne i kalenderen til højre, kommer man ind på undersiden "Arrangementer", og så automatisk ned under det pågældende arrangement (via "page jump" eller hvad det nu hedder. Hvis man klikker ind på Arrangementer-undersiden, er scrollbaren jo halvt gennemsigtig (kun den sorte outline er tydelig). Det er som jeg vil have det, men når man bruger Chroma-filtret, kan det tilsyneladende ikke lade sig gøre at bruge "page jumps"... Håber du forstår. Lidt kryptisk, men... :P
Avatar billede jhe-ting Nybegynder
20. november 2006 - 20:01 #8
OK - Nu kan jeg se dit problem.
Ja, det ser virkeligt flot ud med gennemsigtige scrollbars.
Det er som om ifame'en ikke bliver opdateret, men hvis man klikker midt på scrollbar'en ér der scrollet 'usynligt'. (Lige som det du nævner med opdatering.) Meget mærkeligt.

Måske er der en work-around som kan gøre det, men jeg kan ikke lige komme på en god idé, for man kan ikke scripte på et iframe object fra hovesiden, p.g.a. sikkerhedsblokering af cross-site scripting.  :´(
Avatar billede psychopaticola Nybegynder
20. november 2006 - 20:29 #9
Præcis. Faktisk ret underligt - endnu en bug i IE! Haha.

Men the thing is; var til møde med ham jeg laver siden for i dag, og han sagde faktisk, at han hellere synes scrollbaren skulle være sort (han har ingen kendskab til problemet). Så problemet er vist alligevel løst, da jeg jo på den måde ikke behøver Chroma-filtret. :)

Men mange tak alligevel fordi du gad prøve - sætter jeg sq pris på. Smid et svar, så får du alligevel de 200 pts. Det er jo ikke din skyld at CSS'en er dum ;)
Avatar billede jhe-ting Nybegynder
21. november 2006 - 23:52 #10
OK - Tak skal du ha'
Held og lykke!
;~D
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester