Notifikationer

Markér alle som læst Log ud

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 !!!

Synes godt om

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>

Synes godt om

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>

Synes godt om

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 ?

Synes godt om

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 ;-)

Synes godt om

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.

Synes godt om

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...

Synes godt om

skovenborg Nybegynder

22. marts 2004 - 22:24 #7

jo - værsgo' :-)

Synes godt om

olebole Juniormester

22. marts 2004 - 22:26 #8

<ole>

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

/mvh
</bole>

Synes godt om

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..

Synes godt om

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;

Synes godt om

skovenborg Nybegynder

22. marts 2004 - 22:33 #11

--- forresten tak for point :-)

Synes godt om

fenriz Nybegynder

22. marts 2004 - 22:39 #12

Den scoller desværre uanset hvad :(

Synes godt om

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...

Synes godt om

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...

Synes godt om

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.

Synes godt om

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

Synes godt om

skovenborg Nybegynder

25. marts 2004 - 17:25 #17

okay - det har du selvfølgelig ret i ole :-)

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