gennemsigtig scrollbar version 2.0

og beklager stavefejlene....

du har noget der hedder transparent layer med denne kode: background:#17488B;
og en filter: Alpha(Opacity=30);
Hvis du kører i NE virker det ikke da filter: Alpha(Opacity=30); er en IE ting.

Men har du kigget i den i en browser, så kan den virke, er ikke altid den virker i DW el FP

jeg har fundet ud af at fjerne den blå baggrund... nu skal jeg bare have teksten  der nu er hvid, til at holde op med at være så transparent.... Kan det lade sig gøre?

og eh, ka det lade sig gøre at placere den midt på siden istedet for i det øverste højre hjørne?

så længe du kører med en filter: Alpha(Opacity=30) på dit transparent layer, vil alt indhold blive filter: Alpha(Opacity=30),

aha. Og det kan jeg gøre hvad ved? Jeg fatter hat af alt det her stylesheet div noget..... Jeg ka finde ud at lave og linke et externt stylesheet. men layers siger mig ikke noget, så jeg skal virkelig ha det skåret ud i pap. Tak dog, for at forsøge.

Her er en tabel med en "halvt" transparent gif, så slipper man for filter: Alpha(Opacity=30) som ikke virker i NE,
http://hjem.get2net.dk/arntsen/eksperten/tabeller/test.htm Farven er dog ikke optimal i giffen, da det bare er et eksempel.

Hvis man havde et link til din side ville det nok være lidt nemmere at hjælpe, så man kunne se helheden.

jamen jeg ka da godt lægge det op på min server...... men jeg genbruger jo bare koden fra det her sted,

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

og forsøger at modificere det til at være helt hvid, uigennemsigtig tekst på en genenmsigtig ufarvet baggrund, gennemsigtig scrollbar der kun kan ses op og ned pilen af, og hele siden har et baggrundsbillede.......

link til mit forsøg
www.cyperdesign.dk/test/index.html

bemærk hvor svag teksten er.. der må være en måde at undgå at det bliver lige så gennemsigtig?

Og så skal jeg have flyttet layeret ind på midten af siden..... er det muligt?

Det er mig der i sin tid lavede scriptet.
Du mangler at lukke en DIV
<div id="contentHolder">
<div id="transparentLayer">
<div id="balloon"></div>
</div>  <!-- Den der -->
Jeg kan godt oploade det, hvis du ikke lige kan se hvordan og hvorledes.

hvis du også kan give mig en hurtig pointer til hvordan faen jeg får det hele rykket ind på siden, lad os sige til midten, og lidt ned, så vil jeg se om jeg ka få dig forgyldt og udstillet som nationalskalt :D (eller du kan vælge bare at tage imod mine point :P )

jeg skal nok også have ændret størrelsen over all på lagene.... men det er vel bare at ændre værdierne der står som pixels ved de forskellige lag, og i scriptet i begyndelsen af head sectionen?

jeg laver lige noget og uploader det. jeg har lidt travlt idag så det bliver lidt hurtigt. når det er lagt op så tag og kig på det og vend tilbage med spørgsmål. du skal ikke give point før det er færdigt.
http://www.dsr.kvl.dk/~maddog/cyperangel.html

hm det der med at resize layeret..... Nu fylder det hele siden. Jeg vil bare gerne ha den ligesom det var i dit første forsøg, og placeret midt på siden.. (jeg skal have en helt bestemt størrelse på det, og en helt bestemt placering på det, når jeg får det koblet sammen med resten af min html)

Lige nu kan jeg slet ikke gennemskue hvordan man bestemmer størrelsen på laget, eller hvordan man flytter rundt på det :( Er der en nem måde at gøre det på, som ikke udvider koden så meget?

ups.. trykkede på den forkerte knap... ville have lavet en kommentar, men kom til at acceptere svaret... du fortjener nu alligevel dine points :D

sådan. hvis du lige sender en mail (maddog@dsr.kvl.dk) i weekenden så skal jeg nok få den til at understøtte NS4 og NS6/Moz

kudos til dig, og mange tak..... Det virker... det sidder i midten, og jeg fatter ikke en hat af hvordan du har fået det flyttet derhen.......
JEg er en nybegynder i javascript, og specielt i layers, så alt det fine du har kommet i scriptet, vist nok om compatibilitet med andre browsere forvirrer mig så meget, at jeg overhovedet ikke kan finde hoved eller hale i det mere...

Alt jeg ønsker at vide lige nu er hvad jeg skal skrive, i dit oprindelige forslag...

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

For at flytte det hen til midten,  og 30 pixels ned.... (det er ikke der det i virkeligheden skal stå, men for et eksempels skyld....) Alt det med browser compatibilitet er flot, men det forvirrer mig ret meget. (er en n00b i stor stil :(  )

jamen så er det vel ikke så dumt at det står i scriptet... Du ved jo hvad effekten er, og efterhånden som du bliver bedre kan du kigge tilbage i scriptet og få en AHA oplevelse.
I IExplorer henter du skærmbredden (minus scrollbar) med
document.body.clientWidth
og tilsvarende højden med
document.body.clientHeight (ikke så vigtig her, ad vi ikke skal justere højden)
Lagets bredde er defineret i stylesheetet (i <style> blokken)
#contentHolder {width:320px; ..... }
for at gøre scriptet lettere er der indsat in global variabel i scriptet, så hvis man ændrer bredde i stylesheetet skal man ikke rundt en million steder i scriptet også
var total_width = 320;
Hvis man ændrer det ene sted skal man lige huske at ændre det andet også :-). Selve indholdet skal have en bredde på total bredden minus 20 (for at vige for scrollbaren).
Godt så. Til sagen.
function align() { // Denne funktion bruger vi til at justere placering
if (document.layers) {
/* Idet IExplorer ikke kan forstå denne komando bliver det falsk. IExplorer vil derfor IKKE udføre denne blok. Det bliver KUN udført af NS4. Vi lader det hvile en stund */
} else if (document.all) {
// Dette kan IExplorer derimod forstå. Vi bruger denne blok til IE kode.
obj = document.all["contentHolder"]; // Vi definerer variblen obj som layeret vi vil flytte
width = document.body.clientWidth; // skærmbredden remember.
obj.style.height = '30px'; // Vi flytter det 30 pixler fra toppen. IE og NS6+ skal have det som en streng med px efter. NS4 som et tal.
obj.style.left = (width-total_width)/2 + 'px';
/* Altså skærmbredden minus lagbredden divideret med to. Dette vil flytte laget præcis til midten. Prøv evt. at tegne det på et stykke papir hvis du ikke er stærk til matematik. */
obj.style.left = (width-total_width)/2 - 50 + 'px';
/* Dette vil flytte laget 50 pixler til VENSTRE for midten */
obj.style.left = (width-total_width)/2 + 50 + 'px';
/* Og dette til højre. Det er noget sludder at have dem alle tre i en funktion. De er her kun for eksemplet skyld */
} else if (document.gelElementByID) {
// Da IE allerede har udført en blok vil den ikke gå herind (pga else). Denne blok udføres af NS6+/Moz.
} else {
alert("sorry dudes. dutter ikke.");
// Det er altid 'flinkt' lige at advare hvis man har lavet en high-tch side der ikke kan vises i gamle browsere.
}
// slut prut
}

onresize = align;
// hver gang vi resizer kalder den align funktionen. prøv evt. at hive fat i resizeren på vinduet i mit eksempel og ryk fra side til side. smart ik' :-).

Er skrevet i hast. Tilgiv en enkelt smutter.

obj.style.height = '30px'; // Vi flytter det 30 pixler fra toppen. IE og NS6+ skal have det som en streng med px efter. NS4 som et tal.

skal være

obj.style.top = '30px'; // Vi flytter det 30 pixler fra toppen. IE og NS6+ skal have det som en streng med px efter. NS4 som et tal.

sikke en tanketorsk. du bruger .top til at flytte ned, .left til at flytte til venstre, .height til at sætte højden og .width til at sætte bredden. Der er nogle forskellen mellem IE/NS6+ og NS4 her
IE/NS6  -->  NS4
_object.style.left --> _object.left
_object.style.top --> _object.top
_object.style.width --> _object.clip.width
_object.style.height --> _object.clip.height

Tusinde millioner tak :D

Nu begynder der at gå et lys op for mig :D

Tak :D

manglede bare. 200 pts er en del. du er stadig velkommen til at maile mig i weekenden (helst ikke før), hvis du vil prøve at øge kompatibiliteten.