Søg
Avatar billede fenriz Nybegynder
22. marts 2004 - 22:03 Der er 16 kommentarer og
1 løsning

Javescipt Scrollbar i iframe

Hvordan kan jeg lave en javascipt scrollbar der skal styre en iframe ? jeg har fundet mange tutorials med eks. til floting frames eller tabbeller...

Jeg har en hoved side hvor scollbaren består af billeder og skal så styre den iframe...

er meget desperat !!!
Avatar billede Slawomir Seniormester
22. marts 2004 - 22:08 #1
<table cellpadding="0" cellspacing="0" border="0" style="width: 100%; height: 100%"><tr>
<td valign="middle" align="center">
<iframe src="iframe_dokument.htm" width="400" height="400"  scrolling="auto" frameborder="1">[Din browser understøtter ikke frames. Få dig en ny, eller <a href="iframe_dokument.htm">klik her.</a>]</iframe>
</td>
</tr></table>
Avatar billede skovenborg Nybegynder
22. marts 2004 - 22:11 #2
prøv:
<body>
<iframe name="side" src="test.php"></iframe>
<img src="ned.png" onmousedown="timer = setInterval('self.side.scrollBy(0,5);',50);" onmouseout="clearTimeout(timer);" onmouseup="clearTimeout(timer);" />
<img src="op.png" onmousedown="timer = setInterval('self.side.scrollBy(0,-5);',50);" onmouseout="clearTimeout(timer);" onmouseup="clearTimeout(timer);" />
</body>
Avatar billede fenriz Nybegynder
22. marts 2004 - 22:12 #3
ja sådan laver man en iframe, men hvordan styrer jeg scrollbaren med et javascript på mouseover ?
Avatar billede skovenborg Nybegynder
22. marts 2004 - 22:14 #4
hov, skulle det være onmouseover:
<body>
<iframe name="side" src="test.php"></iframe>
<img src="op.png" onmouseover="timer = setInterval('self.side.scrollBy(0,-5);',100);" onmouseout="clearTimeout(timer);" />
<img src="ned.png" onmouseover="timer = setInterval('self.side.scrollBy(0,5);',100);" onmouseout="clearTimeout(timer);" />

</body>

jeg skulle forresten også bytte om på op og ned ;-)
Avatar billede skovenborg Nybegynder
22. marts 2004 - 22:20 #5
...teknikken med scroll er methoden scrollBy hvor det første argument (her 0) er hvor meget den skal scrolle horinsontalt og det næste argument (5/-5) er vertikalt.

Du kan derfor ændre på farten dels ved at ændre på hvor tit denne methode skal kaldes (ved at ændre 100-tallet til noget mindre for at gøre det hurtigere), og dels ved at få den til at scrolle mere pr. gang.
Avatar billede fenriz Nybegynder
22. marts 2004 - 22:21 #6
Genialt "skovenbord" det virker :)

Kan du lige ligge dit svar som svar så jeg kan gi dig dine poeng...
Avatar billede skovenborg Nybegynder
22. marts 2004 - 22:24 #7
jo - værsgo' :-)
Avatar billede olebole Juniormester
22. marts 2004 - 22:26 #8
<ole>

scrolling="no" er nok en rigtig god ting på iframe'en  ;o)

/mvh
</bole>
Avatar billede fenriz Nybegynder
22. marts 2004 - 22:26 #9
Takker mange gange selv om jeg for et mærkeligt problem med at et baggrundsbillede i iframen scoller op og ned selv om den står som

    background-attachment: fixed;
    background-position:top;
    background-repeat:no-repeat;

Men det er jo næste problem jeg må ta fat på hehehe..
Avatar billede skovenborg Nybegynder
22. marts 2004 - 22:33 #10
når den er fixed vil den jo også scrolle med ;-)

ellers skal du skrive:
background-attachment:scroll;
Avatar billede skovenborg Nybegynder
22. marts 2004 - 22:33 #11
--- forresten tak for point :-)
Avatar billede fenriz Nybegynder
22. marts 2004 - 22:39 #12
Den scoller desværre uanset hvad :(
Avatar billede fenriz Nybegynder
22. marts 2004 - 22:45 #13
Fandt fejlen... var bare mig der var en spasser og havde lagt stylet med billedet et forkert sted... har vist rodet for længe med det hehehe...
Avatar billede anne-m Nybegynder
24. marts 2004 - 10:56 #14
... jeg leder efter noget lignende - kan i sige mig om det virker på mac? og om det virker på i de fleste browsere? ;o)
undskyld jeg lige blander mig...
Avatar billede skovenborg Nybegynder
24. marts 2004 - 12:30 #15
det er forholdsvis enkel javascript - så de fleste browsere med lidt respekt for sig selv burde kunne klare det.

I følge en pocket reference jeg har virker både scrollBy og setInterval i NS4 og IE4 (og dermed også til Mac), så der burde ikke være de store problemmer med kompitaliteten.
Avatar billede olebole Juniormester
25. marts 2004 - 04:22 #16
*host-host* iframe understøttedes ikke i NS4.X  :)
Der var en ækvivalent, der hed ilayer - men om scrollBy tog fat i den, eller den kun tog fat i frames, husker jeg ikke. Jeg har vist aldrig brugt scrollTo eller scrollBy til noget NS4-kompatibelt ... og who cares now?  :)
Det er vist efterhånden kun i ekstreme tilfælde, vi behøver at understøtte NS4.
/mvh
Avatar billede skovenborg Nybegynder
25. marts 2004 - 17:25 #17
okay - det har du selvfølgelig ret i ole :-)
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
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 03/05/202613:59
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
I går 10:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
White papers
Flere white papers »