Avatar billede sunweb Nybegynder
20. oktober 2005 - 08:28 Der er 14 kommentarer og
1 løsning

Styles på scrollbars

Hejsa...

Jeg er rendt ind i et problem, jeg er alfa omega nød til at skal ha sat styles på mine scrollbars, OG det skal fungere på en mac, altså i Safari :(

Hvordan gør jeg det? -Syntes jeg kan læse mig til at almindelige styles på scrollbars ikke fungere i Safari, men så er mit spørgsmål jo så. Hvad i alverden gør man så? Er man tvunget ud i noget med javascript eller så noget?

Jeg har et meget elegant design med sort på hvidt, for et reklame bureau - så det skal bare være iorden! Er der nogen der kan hjælpe mig????

På forhånd tak!!
Avatar billede keysersoze Ekspert
20. oktober 2005 - 09:26 #1
personligt mener jeg nu at styles på en scrollbar kun meget meget minimalt har noget med design at gøre - men ellers er du inde på det rigtige at almindelig css på scrollbaren ikke virker.

Flash vil jeg mene er det optimale til sådan en opgave så - alternativt javascript; http://www.eksperten.dk/spm/645707
Avatar billede sunweb Nybegynder
20. oktober 2005 - 09:57 #2
Jamen det er os rigtig det du siger, havde bare sat det på for at lave en hurtig løsning, havde gjort hele scroll systemet sort, ligesom hele siden, og så bare hvide pile. Flash er en udemærket løsning, bortset fra det kræver en del omlægning i hele koden, da jeg har monteret cms system m.m. til siden. Så javascript ville nok være at foretrække i denne situation. Magter bare ikke alle de linier, javascript ofte fylder for ganske få funktioner..

Du har ikk et forslag til et elegant nem og flot scroll system med javascript vel?

Tak fot hjælpen indtil videre...
Avatar billede jesper-moeller Nybegynder
20. oktober 2005 - 10:06 #3
Ved det ikke helt er hvad du søger...
men tror ikke du får stylet safaris egne scrollbars med et javascript...hvertfald ikke på en efektiv måde...

Men måske kan du bruge en løsning som denne ??

http://www.ghtml.com/showoff/scrollbar/index.html
Avatar billede keysersoze Ekspert
20. oktober 2005 - 10:07 #4
det bedste (og eneste) forslag jeg har er den der bliver linket til - http://www.ghtml.com/showoff/scrollbar/index.html. Det kan godt være at det er mange linier men det er jo bare copy/paste og ganske lidt tilretning mht højde, bredde osv og så lidt nye billeder... meget lettere tror jeg ikke du kan få det
Avatar billede keysersoze Ekspert
20. oktober 2005 - 10:08 #5
jesper-moeller >> som allerede er svaret ;)
Avatar billede sunweb Nybegynder
20. oktober 2005 - 10:11 #6
Tak for det drenge, jeg tager mig sammen og bruger den, på trods af alle linierne :)

Ha' en go' dag!!
Avatar billede jesper-moeller Nybegynder
20. oktober 2005 - 10:15 #7
keysersoze >>

Ja...det ser jeg... ved ikke hvad der skete da jeg tog dit link før...men kom ikke hen til et emne om scrolbars... *S* Nok mig der har fumlet...*G*
Avatar billede sunweb Nybegynder
01. december 2005 - 09:15 #8
Nu har jeg udskudt min kodning lidt længe, men er komme tilbage til de her scrollbars - og jeg kan bare ikk få det til at fungere. Er der er et venligt menneske derude, der lige vil løbe min kode igennem???

Mit script:
<script language="javascript" type="text/javascript">
    var win = null;
    function NewWindow(mypage,myname,w,h,scroll){
    LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
    TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
    settings =
    'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
    win = window.open(mypage,myname,settings)
    if(win.window.focus){win.window.focus();}
    }
    var timer_id;
   
    function scroll_div(frm,inc,dir)
    {
    if (timer_id) clearTimeout(timer_id);
    if (window.frames[frm])
    {
    if (dir == "v") window.frames[frm].scrollBy(0, inc);
    else window.frames[frm].scrollBy(inc, 0);
    timer_id = setTimeout("scroll_div('" + frm + "'," + inc + ",'" + dir + "')", 20);
    }}
   
    function stopScroll()
    {
    if (timer_id) clearTimeout(timer_id);
    }
</script>

Min body code:
<div class="scroll"><!--#include file="pages.asp"--></ div>


<a href="java script:;" onMouseOver="scroll_div('centerframe', -4, 'v'); window.status=''; return true" onMouseOut="stopScroll(); window.status=''; return true"><img src="images/up.gif" border="0"></a>

<br /><br /><br />

<a href="java script:;" onMouseOver="scroll_div('centerframe', 4, 'v'); window.status=''; return true" onMouseOut="stopScroll(); window.status=''; return true"><img src="images/down.gif" border="0"></a>

---
Og jeg køre selvfølgelig ikke med linieskift på den måde, kun for overblikkets skyld her på siden. Håber virkelig der er en der kan hjælpe mig...

Takker...
Avatar billede sunweb Nybegynder
01. december 2005 - 09:17 #9
Og har selvfølgelig også mit stylesheet:

<style type="text/css">
div.scroll {height: 372px; width: 392px; overflow: auto; padding: 0px; overflow-y: hidden; overflow-x: hidden; overflow:hidden;}
</style>
Avatar billede keysersoze Ekspert
01. december 2005 - 09:52 #10
hvad sker eller sker der ikke? kan du ikke lægge det online somewhere?
Avatar billede sunweb Nybegynder
01. december 2005 - 09:57 #11
Der sker ikke noget, ikke nogen fejl eller noget som helst :( Og jeg har deadline idag, yes sir! :)

Link: http://195.69.130.41/index.asp?m=1&subm=0&f=10&id=10
Avatar billede sunweb Nybegynder
02. december 2005 - 09:01 #12
Er der virkelig ikke nogen der kan hjælpe med koden?????

Har virkelig brug for hjælp!!
Avatar billede keysersoze Ekspert
02. december 2005 - 10:07 #13
virker det der hvor du har taget koden fra oprindeligt?
Avatar billede sunweb Nybegynder
02. december 2005 - 10:08 #14
Ja det fungerede fint - men der er sket noget :)

Kan du se en evt. fejl?
Avatar billede keysersoze Ekspert
03. december 2005 - 13:38 #15
ikke lige umiddelbart - prøv evt at tage eksemplet fra den anden side igen og få det til at virke før du sætter det ind i dit eget design.
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