Søg
Avatar billede morticuz Nybegynder
23. marts 2006 - 17:21 Der er 13 kommentarer og
1 løsning

Smooth Scroll i iframe

Hej alle sammen..

Jeg har indtil videre et iframe men vi vil helst ikke ha den alm scroll, men bare sådan to små pile ude i siden... og så vil vi gerne ha at det kører flydende... helst hvis man kan holde musen nede på pilen og så kører den fint ned af og så stopper den når man slipper igen, men fandt jo lige ud af at det kun er i flash onrelease findes :-)
så har måtte se mig nøjes med at onmouseover og onmouseout på pilene er fint :-)

Har prøvet den her:
<a href="java script:window.main.scrollBy(0,-20)">up</a>
<a href="java script:window.main.scrollBy(0,+20)">ned</a>

Men den kan man ikke holde ind eller på anden måde få til at køre flydende
ka man?

Og har også prøvet sådan en med at den skjuler layers og noget som jeg fandt
men den virker åbenbart ikke på Mac Firefox... så heller ik en go løsning
:-(

Nogle forslag? :-)

Peter

P.S. jeg ved godt at det ikke er det mest moralsk rigtige overfor alle brugere i verden og at man ikke skal pille ved folks scrollbars, men nu vil jeg alligevel... så be om ik at ødelægge tråden med moralprædiken :-)
Avatar billede mclemens Nybegynder
23. marts 2006 - 17:48 #1
Hvad med det her ?
kan selvfølgelig også være en <div ... samt </div>, <b ... samt </b> o.s.v.

<p onmouseover="window.main.scrollBy(0,-20);">up</p>
<p onmouseover="window.main.scrollBy(0,+20);">ned</p>
Avatar billede mclemens Nybegynder
23. marts 2006 - 18:07 #2
hvad med det her ?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /><link rel="stylesheet" type="text/css" href="css.css" /><title>Ingen titel</title>

<script type="text/javascript">
<!--
window.onload=scrollme;
refreshspeed=100;
scrollvalue=0;

function scrollme(){
window.main.scrollBy(0,scrollvalue);
setTimeout("scrollme();",refreshspeed);
}
//-->
</script>

</head>


<body>
<b onmouseover="scrollvalue=-20;" onmouseout="scrollvalue=0;">up</b>
<b onmouseover="scrollvalue=20;" onmouseout="scrollvalue=0;">ned</b>
</body></html>
Avatar billede morticuz Nybegynder
23. marts 2006 - 18:13 #3
yes... den er rigtig lækker den sidste der.. og vi er vel enig om at det ikke er til at lave med at holde "knappen" nede? :-)
Avatar billede mclemens Nybegynder
23. marts 2006 - 18:18 #4
prøver lige :P
Avatar billede mclemens Nybegynder
23. marts 2006 - 18:20 #5
burde den kunne...
<b onmouseover="scrollvalue=-20;" onmouseout="scrollvalue=0;">up</b>
<b onmouseover="scrollvalue=20;" onmouseout="scrollvalue=0;">ned</b>

over til:
<b onmousedown="scrollvalue=-20;" onmouseup="scrollvalue=0;">up</b>
<b onmousedown="scrollvalue=20;" onmouseup="scrollvalue=0;">ned</b>
Avatar billede mclemens Nybegynder
23. marts 2006 - 18:27 #6
hov ret det lige til denne her istedet :P
<b onmousedown="scrollvalue=-20;" onmouseup="scrollvalue=0;" onmouseout="scrollvalue=0;">up</b>
<b onmousedown="scrollvalue=20;" onmouseup="scrollvalue=0;" onmouseout="scrollvalue=0;">ned</b>

... fordi ellers hvis man trykker knappen ned og bevæger musen ud af feltet så kører den stadig videre ...
Avatar billede mclemens Nybegynder
23. marts 2006 - 18:35 #7
virker selvfølgelig også med ...
<img src="op.gif" onmousedown="scrollvalue=-20;" onmouseup="scrollvalue=0;" onmouseout="scrollvalue=0;">
<img src="ned.gif" onmousedown="scrollvalue=20;" onmouseup="scrollvalue=0;" onmouseout="scrollvalue=0;"> :)
Avatar billede mclemens Nybegynder
23. marts 2006 - 20:41 #8
regner med det er ok...
lægger lige et svar hvis det er ;)
Avatar billede mclemens Nybegynder
23. marts 2006 - 20:42 #9
lægger=ligger
Avatar billede morticuz Nybegynder
23. marts 2006 - 21:08 #10
yes.. jeg siger mange tak... men er onmouseup/down tiladte i alle browsere? synes jeg har søgt efter den slags lister hvor onmouseover og out og den slags var men er da ikke stødt ind i up og down :)
Avatar billede mclemens Nybegynder
23. marts 2006 - 21:13 #11
men er onmouseup/down tiladte i alle browsere?> Ja, de nyere browsere... her er et link: http://www.w3schools.com/jsref/jsref_events.asp

onmousedown betyder når man trykker knappen ned
onmouseup betyder at man slipper knappen så den ryger op igen :)

... svaret ligger 3 over dette... takker for point :)
Avatar billede mclemens Nybegynder
23. marts 2006 - 21:18 #12
p.s.: jo lavere refresh speed jo højrere hastigheden (lidt dumt navn den fik) scroller den med og sæt scrollvalues lavere for mere "flydende" scroll :)
Avatar billede mclemens Nybegynder
23. marts 2006 - 21:27 #13
glemte at uddybe: Med scrollvalue mente jeg
den i op / ned taggene og ikke den i scriptet...
(den der står i scriptet skal stå til 0)
Avatar billede morticuz Nybegynder
24. marts 2006 - 08:34 #14
hehe.. troede jeg havde givet point men man ska lige markere dig selvom du er den eneste :-)

Jeg siger mange tak for den flotte besvarelse :-)
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 går 09:37 hvilken AI synes I er bedst? Af jcr18 i Andre onlineløsninger
22/0518:51 Pausepil på youtube i chrome Af valby i Browsere
22/0511:42 Mail med endelsen ".lat" Af ErikHg i E-mail
21/0511:48 Nyåbnede sider flimrer på Android tablet, hvorfor Af annam i Andet software
21/0511:03 Bitlocker fordele-ulemper, samt nulstille PC Af Uvanga i Windows
White papers
Flere white papers »