Avatar billede miagy Nybegynder
02. december 2004 - 01:45 Der er 7 kommentarer og
1 løsning

Scrollbar i Iframes

Hej eksperter

Jeg vil gerne ændre min scrollbar i min Ifram fra den traditionelle "Win 98", til en lidt mere moderne. Kan man evt. selv tegne en?
Avatar billede morteeart Nybegynder
02. december 2004 - 01:50 #1
2 muligheder:

1. sætte farver på (virker kun i Internet Explorer)
gøres via. css.. f.eks.:

HTML {
    SCROLLBAR-FACE-COLOR: red;
        SCROLLBAR-HIGHLIGHT-COLOR: #000000;
        SCROLLBAR-SHADOW-COLOR: red;
        SCROLLBAR-3DLIGHT-COLOR: red;
        SCROLLBAR-ARROW-COLOR: black;
        SCROLLBAR-TRACK-COLOR: red;
        SCROLLBAR-DARKSHADOW-COLOR: #000000
}

2. bruge en javascript scroolbar f.eks. denne fra dynamic drive:

http://www.dynamicdrive.com/dynamicindex2/pagescroller.htm
Avatar billede morteeart Nybegynder
02. december 2004 - 01:51 #2
glemte at sige at nr. 2 virker fint i Firefox.
Avatar billede n!nja Nybegynder
02. december 2004 - 07:54 #3
Tjek evt. dette site http://www.webmaster-affiliates.net/color-scrollbar.php

Giver et godt overblik, og er lige til at gå til :-)

/N!NJA
Avatar billede olebole Juniormester
02. december 2004 - 14:10 #4
<ole>

n!nja >> den kode, man kan generere virker kun, hvis man skriver buggy kode, som den på http://www.webmaster-affiliates.net
Hvis man skriver nogenlunde korrekt HTML, skal disse style-properties lægges på documentElement-elementet (html-elementet). Det virker nemlig ikke, hvis det lægges på body-elementet  ;o)
Derfor er morteeart's eksempel det korrekte

/mvh
</bole>
Avatar billede n!nja Nybegynder
02. december 2004 - 18:22 #5
>> olebole

Ok, det var jeg ikke klar over. Jeg var godt klar over at det ikke er valid CSS - men ikke desto mindre virker nedenstående eksempel helt fint i min IE 6... :-)

<html>
<STYLE type="text/css">
<!--
BODY
{
scrollbar-face-color: #FF0000;
scrollbar-highlight-color: #FF0000;
scrollbar-3dlight-color: #FF0000;
scrollbar-darkshadow-color: #FF0000;
scrollbar-shadow-color: #FF0000;
scrollbar-arrow-color: #FF0000;
scrollbar-track-color: #FF0000;
}
-->
</STYLE>
<head>
<title>Scroll test</title>
</head>
<body>
Dette er en scroll-test!
</body>
</html>

Btw, hvad er "buggy kode" - er det slag for skod kode eller hvad? :-)

/N!NJA
Avatar billede olebole Juniormester
02. december 2004 - 18:28 #6
Du skal altid begynde et HTML dokument med en DTD (Doc Type Definition) ... f.eks:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

Den skal skrives _inden_ <html> og fortæller browseren, hvordan dokumentet skal behandles.

Bruger du en DTD, uden URL'en - f.eks:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
overholder IE ikke W3C's standarder, så siderne ser sikkert en smule anderledes ud, hvis du indsætter den rigtige DTD - men det er bare fordi, din kode pludselig beder browseren om at overholde gældende standarder  :)
Avatar billede olebole Juniormester
02. december 2004 - 18:31 #7
'Bug' er engelsk for 'insekt'. I kodesammenhæng er en 'bug' slang for en fejl. 'Buggy' kode er altså kode med fejl ... kode med 'kryb' i  :)
Avatar billede n!nja Nybegynder
02. december 2004 - 19:10 #8
Ok - kæmper selv med at overholde standarderne :-) troede faktisk at styles på scrollbaren udelukkende var en IE feature, og dermed aldrig ville være valid CSS...?

Kender udemærket godt til bugs - havde bare aldrig hørt sætningen "buggy kode" :-)

...og så må vi hellere stoppe med at spamme miagy's sp.
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