Notifikationer

Markér alle som læst Log ud

cyperangel Nybegynder

26. november 2002 - 09:33 Der er 10 kommentarer og
1 løsning

Gennemsigtig scrollbar?

Hej allesammen.

JEg sidder her med et skoleprojekt, der kræver at jeg finder ud af hvordan man strikker en gennemsigtig scrollbar sammen. JEg har nemlig et baggrundsbillede som scrollbaren helst ikke må dække for....

Lige umiddelbart kan jeg ikke finde noget CSS der kan gøre tricket, så jeg tænkte at noget CSS med et layer og noget javascript måske var løsningen?

JEg er bare ligesom ikke nogen ørn til det med javascript (og heller ikke til CSS hvis alt skal frem...) så nu håber jeg på at enaf jer eksperter kan give mig et vink med en meget stor vognstang om hvad jeg skal gøre, for at kune lave en gennemsigtig scrollbar.....

EN løsning kunne jo være at den bare bestod af to knapper der rykkede teksten op eller ned i en iframe eller i et layer.... Bare siger jeg, men har ingen ide om hvordam man lige får den til det....

Jo flere detaljer og skridt for skridt anvisininger ejg får, jo bedre :D

TAkker på forhånd

Synes godt om

xyborx Nybegynder

26. november 2002 - 09:47 #1

Så vidt jeg ved kan det ikke lade sig gøre at lave scrollbaren gennemsigtig. Hvis siden fylder så lidt at der ikke er brug for scrollbars, så kan man bruge <BODY scroll="no"> (det er ikke standard i HTML 4.01(!), men det virker fint i ihvertfald IE6)
Ellers har jeg ingen idé om hvordan man kan lave det på en nogenlunde 'god' måde

Synes godt om

danielks Nybegynder

26. november 2002 - 10:09 #2

Xtborx... Only answer if you know, not if U dont...

http://www.eksperten.dk/spm/232309

eksempel:
http://www.dsr.kvl.dk/~maddog/232309.html

virker naturligvis kun i IE !

Synes godt om

danielks Nybegynder

26. november 2002 - 10:11 #3

Eller skal du lige have det serveret ??? Ja det syns jeg næsten...

<script>
onload=function() {
if (!document.all && document.getElementById) { // vi bliver nød til at fjerne contentholder i NS6. desværre også bygge styles ind.
topnode = document.getElementById('contentHolder').parentNode;
nd = document.getElementById('nonTransparentLayer').cloneNode(true);
nd.style.overflow = 'auto';
nd.style.width = '320px';
nd.style.height = '450px';
nd.style.padding = '5px';
nd.style.border = '1px';
nd.style.backgroundColor = '#bbcaf3'; // farve valgt så det ligner IE.
topnode.removeChild(document.getElementById('contentHolder'));
topnode.appendChild(nd);
} else { // bare derudaf. vi overskrive onscroll fra det gennemskinnelige lag og binder det til style.top på indholdet
document.getElementById('balloon').style.height=document.getElementById('nonTransparentLayer').clientHeight;
document.getElementById('transparentLayer').onscroll = function() {
document.getElementById('nonTransparentLayer').style.top=-document.getElementById('transparentLayer').scrollTop;
}
}
}
</script>
<style>
#contentHolder {
width:320px; height:450px; z-index:-1;
overflow:hidden;
}
#transparentLayer {
position:absolute;
width:320px; height:450px; z-index:1;
overflow:auto;
padding:5px; border:1 solid #2372DD;
background:#17488B;
filter: Alpha(Opacity=30);
}
#nonTransparentLayer {
position:absolute;
width:300px; height:450px; z-index:2;
color:black;
}
</style>

Synes godt om

cyperangel Nybegynder

26. november 2002 - 10:14 #4

lige så snart jeg finder ud af hvad alt det der betyder, skal jeg nok dele points ud :D men det ser godt ud ved første øjekast..........

Synes godt om

hoejrup Nybegynder

26. november 2002 - 10:19 #5

Det virker kun til IE på PC'ere.

/per

Synes godt om

danielks Nybegynder

26. november 2002 - 10:22 #6

Ja og på andre skipper den denne del, så det er jo ligemeget...

Synes godt om

cyperangel Nybegynder

26. november 2002 - 10:51 #7

nu har jeg jo nævnt før at jeg grundlæggende er en nOOb, så jeg formoder at det hele skal i head tagget i en html fil?

(det var noget med at skære det ud i pap....... :P

Synes godt om

danielks Nybegynder

26. november 2002 - 10:56 #8

Øhh ja ok.... Den skal være i HEAD... Er et grundlæggende princip... But sry i didnt mentioned....

Synes godt om

cyperangel Nybegynder

26. november 2002 - 11:22 #9

jeg ved godt at jeg sikkert er irriaterende... men når heg sætter det ind i et basis html dokument, klippe klistre metoden, så får den en error på linje 17, og siger at "Fejl: Et object er obligatorisk"....

Men, jeg tjekker lige den side ud hvor det fungerer, og hugger lidt kode derfra,d et kan være jeg så kan se hvad det er jeg gør galt....

Synes godt om

cyperangel Nybegynder

26. november 2002 - 11:23 #10

nm, jeg har fundet ud af det nu.... Det var min totale nOObness der stod i vejen.. glemte "lige" at smide et layer ind i body....... <blush>

Synes godt om

cyperangel Nybegynder

26. november 2002 - 11:31 #11

jeg tror at det her spørgsmål måske nok får en version 2.0 Jeg skal aave laget med teksten til at være gennemsigtigt også, eller jeg skal have et baggrundsbillede ind i det lag.... Men er ikke helt sikker på hvordan man gør, så jeg opretter lige et nyt spørgsmål så i ka tjene nogle poitns

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS