Scroll med javascript

Husk at det hedder onmouseover og ikke onmouse. At det virker, synes jeg, er lidt utroligt. =)

Refresh kan løses ved at indsætte:

onmouseout="setTimeout('window.location.reload(false)',10000)"

og onmouseover skal så være:

onmouseover="tScroll=window.setInterval('startscroll(+20)',100)"

og onmouseout:

onmouseout="tScroll=window.clearInterval(tScroll);setTimeout('window.location.reload(false)',10000)"

Jeg får desværre fejlen.: "Et objekt var ventet"

Nå for Sørensen.. Hvad hvis du ændrer onmouseover til:

onmouseover="var tScroll=window.setInterval('startscroll(+20)',100)"

Samme fejl.:(

Kan jeg se det i aktion på nettet et sted, eller kan du sende mig koden?

Og hvilken linje opstår fejlen i?

Fejlen opstår i linie 1
Jeg har det ikke på nettet, men tester det i frontpage.

Har du mulighed for at sende mig frontpage-filen?
( tobias (at) 2biaz dot dk )

Så er den sendt.

Har du en kode, der kan finde ud af at scrolle, dvs. ved du, om den virker, og kan du evt. også sende den til mig?

Det er vel bare at taste en masse tekst ind på siden.

Det har jeg gjort, men din kode scroller ikke på min side. Jeg går ud fra, jeg mangler funktionen "startscroll()"?

Nej, jeg har ikke andet kode.

Den har virker uden noget andet.:
onmouseover=\"startscroll(+20)\"

Så det forklare så fejlen.

Ikke på min computer. Den kender ikke funktion startscroll() i mit IE 7, og det er heller ikke noget, jeg har hørt om før, så umiddelbart mener jeg stadig, at der mangler selve funktionen. Måske ligger den i dit frontpage?

Det ved jeg ikke, mon der ellers er en der kan lade denne kode?
Kan du?

Nu har jeg prøvet dette, men stadig samme fejl.

<script>
function startScroll() {
        window.scrollBy(0,10);
        scrolldelay = setTimeout('pageScroll()',20);
}

function stopScroll() {
        clearTimeout(scrolldelay);
}
</script>

<a href="#" onmouseover="java script:startScroll()">Start Scroll</a>
<br><br>
<a href="#" onmouseout="java script:startScroll()">Stop Scroll</a>

Okay, nu virker det, men den scroller hele tiden, også selom man ikke klikker på pagescroll.

<script>
function pageScroll() {
        window.scrollBy(0,50); // horizontal and vertical scroll increments
        scrolldelay = setTimeout('pageScroll()',100); // scrolls every 100 milliseconds
}

function stopScroll() {
        clearTimeout(scrolldelay);
}
</script>

<p onmousedown="java script:pageScroll()">Start Scroll</p>
<br><br>
<p onmouseout="java script:stopScroll()">Stop Scroll</p>

Ja, der var funktionerne. Rigtig godt.

Prøv lige at rette:

        clearTimeout(scrolldelay);

til:

        scrolldelay=clearTimeout(scrolldelay);

Problemet er nu at siden scroller hele tiden bare man klikker en gang, den skal jo kun scrolle så længe som man holder musen nede.
Og 10 sek. efter at man slipper knappen skal siden refreshes.

Har du prøvet med mit sidste forslag så?

Og du kan tilføje onmouseout="setTimeout('window.location.refresh()',10000)" på det første p-element for refresh-funktionen.

Ja de sidste forslag scroller også hele tiden.

Sådan, men denne kode her, virker det faktisk, men det giver en scriptfejl.:

scrolldeley er ikke defineret



<script>
function pageScroll() {
        window.scrollBy(0,02); // horizontal and vertical scroll increments
        scrolldelay = setTimeout('pageScroll()',2); // scrolls every 100 milliseconds
}

function stopScroll() {
        scrolldelay=clearTimeout(scrolldelay);
        setTimeout('window.location.reload()',2000);
}
</script>

<p onmousedown="java script:pageScroll()" onmouseout="java script:stopScroll()">Start Scroll</p>

Sådan virker det.:

<script>
scrolldelay = ""
function pageScroll() {
        window.scrollBy(0,02); // horizontal and vertical scroll increments
        scrolldelay = setTimeout('pageScroll()',2); // scrolls every 100 milliseconds
}

function stopScroll() {
        scrolldelay=clearTimeout(scrolldelay);
        setTimeout('window.location.reload()',2000);
}
</script>

<p onmousedown="java script:pageScroll()" onmouseout="java script:stopScroll()">Start Scroll</p>

Nu er det sidste spørgsmål så, hvordan kan jeg køre funktionen i target="iframe"

Ret window til document.getElementById("iframe1").contentWindow
og sæt så i øvrigt id="iframe1" på dit iframe. Så skulle den være hjemme.

Det synnes jeg også giver objekt fejl.

Skal helekoden placeres i min menu.htm eller skal der også noget i mit iframe for at det virker?

Nej ikke noget i dit iframe. Men husk at rette ovenstående alle de steder, hvor der nu står "window".

Det har jeg gjort, men der opstår stadig fejlen.: "Et objekt var ventet".

I hvilken linje?

linie 1

Prøv at rette:
scrolldelay = ""
til:
scrolldelay=null;

Hvornår er det i øvrigt, at den siger den fejl?

Hov, ret til:
var scrolldelay=null;

Ups. undskyld fejlen er i linie 3
Kommer så snart man klikker på "scroll".

Og hvilken linje er linje 3 hos dig?

document.getElementById("iframe1").contentWindow.scrollBy(0,50); // horizontal and vertical scroll increments

Hmm.. Gi'r den os et tegnnr. også, udover linjenr.? Og har iframen id="iframe1"?

iframeen hedder name="iframe1"

Jep. Den skal også have id="iframe1" - ellers kan vi ikke tilgå den i moderne, gyldig javascript.

Det er rettet til id="iframe1" men stadig objektfejl i linie 3 (karakter 6) altså stareten af document....

Prøv at vise mig hele koden.

Her er hele koden.:

<script>
scrolldelay = ""
function pageScroll() {
        document.getElementById("iframe1").contentWindow.scrollBy(0,50);
        scrolldelay = setTimeout('pageScroll()',2);
}

function stopScroll() {
        scrolldelay=clearTimeout(scrolldelay);
}
</script>

<p onmousedown="java script:pageScroll()" onmouseout="java script:stopScroll()">Scroll</p>

Prøv lige med:
-------------------------------------
<script type="text/javascript">
scrolldelay=null;
function pageScroll(){
        document.getElementById("iframe1").contentWindow.scrollBy(0,50);
        scrolldelay=setTimeout("pageScroll()",2);
}

function stopScroll(){
        scrolldelay=clearTimeout(scrolldelay);
}
</script>

<p onmousedown="pageScroll()" onmouseout="stopScroll()">Scroll</p>
-------------------------------------
Har kun rettet mindre problematikker. Bemærk at "java script:" er helt irrelevant i en onmousedown, onmouseout, onclick, osv., da disse er beregnet til at indeholde javascript. Så at fortælle den, at den skal fortolke javascript i en javascriptattribut er ret ligegyldigt. =)

Hvis den stadig brokker sig, så prøv:
-------------------------------------
<script type="text/javascript">
scrolldelay=null;
function pageScroll(){
        alert(document.getElementById("iframe1").);
        document.getElementById("iframe1").contentWindow.scrollBy(0,50);
        scrolldelay=setTimeout("pageScroll()",2);
}

function stopScroll(){
        scrolldelay=clearTimeout(scrolldelay);
}
</script>

<p onmousedown="pageScroll()" onmouseout="stopScroll()">Scroll</p>
-------------------------------------
Så skulle den meget gerne alerte, om den kan "se" iframet.

Nej. melder stadig "Object required".

Heller ikke med alerten?

Hov, scrolldelay=null; skulle være var scrolldelay=null;

Nej stadig "Object required".
Det kan åbenbart ikke lade sig gøre på den måde.

Sorry, der skal jo ikke være punktum her i:

        alert(document.getElementById("iframe1").);

Det skal være:

        alert(document.getElementById("iframe1"));

Det _skal_ også virke, for jeg har brugt det masser af gange. Det kan sagtens lade sig gøre.

Jeg får stadig fejl i denne linie:
document.getElementById("iframe1").contentWindow.scrollBy(0,50);

Det skal måske lige siges at min menu.htm også ligger i et iframe, kan det have nogen betydning?

Så denne kode bliver kørt fra iframen?

Så skal vi gøre det sådan her:

parent.document.getElementById("iframe1").contentWindow.scrollBy(0,50);
Men hvad sagde alerten nu?

Ok. nu kommer der ingen fejl, men den scroller heller ikke.
Alerten melder: "Object".

Ups. det virker faktisk nu.
Men dog et par ændringer.

1)Er det muligt at opdatere siden der skal scrolles en gang inden scroll starter?

2)Når jeg klikker en gang scroller den helt i bund, der skal den kun scrolle ligeså længe musetasten holdes nede.

1) Du opdaterer med:
  parent.document.getElementById("iframe1").contentWindow.location.refresh();

2) Den ka' vi lige ta' bagefter.

1) Med opdatering mener jeg at jeg har brug for en anden funktion på siden som jeg så henter med ASP.
Siden hedder normalt scroll.asp?mode=no
og inden scroll skal denne side hentes
scroll.asp?mode=yes

Så det skal være:

parent.document.getElementById("iframe1").contentWindow.location.href='scroll.asp?mode=yes';

?

Det er fint.:)
Så er det faktisk bare at siden kun skal scrolle så længe musetasten holdes nede, det er åbenbart ikke nok at skrive:

<p onmousedown="pageScroll()" onmouseout="stopScroll()">Scroll</p>

hopper den også til bunden, hvis du nu fjerner:
        scrolldelay = setTimeout('pageScroll()',20);

Den skal kun hente siden en gang, koden her tilter total. (går nærmest i selvsving).

parent.document.getElementById("iframe1").contentWindow.location.href='scroll.asp?mode=yes';

Nå ja, den bliver jo kørt, hver gang der scrolles lidt ned. Sæt den ikke inde i funktionen. Den skal i stedet stå i onclick'en, lige før funktionen pageScroll kaldes.

Det var bedre.:)
Er det korrekt at funktionen kun virker i IE ?

Nej, her virker det fint i FF: http://www.w3schools.com/js/tryit.asp?filename=try_dom_window_scrollby

Hm. ja det virker ikke i FF her.
Kan det skyldes document.getElementBy funktion eller contentWindow ?

Virkede mit link i dit FF?

Både document.getElementById("iframe1") og contentWindow er standardmetoder, så det burde være det samme.

Dit link virker her i FF, men ikke scroll-koden.
Kan det skyldes at den ikke kan se mine iframes?

Muligvis. Prøv at alerte igen ligesom tidligere og så tjek i ff

Hvordan kan jeg i øvrigt scrolle op igen?

Går ud fra, det må være scrollBy(0,-50)

Ned det virker ikke med scrollBy(0,-50)

Det gør det på min pc. =/

Med alert i FF siger den "NULL".

Jo. scrollBy(0,-50) det var min fejl, havde glemt at sætte scrolltimeout til samme værdi.
Nu ser min kode således ud, der er et par problemer som jeg gerne vil have løst. Ved mousedown hentes sides der skal scrolles, det er fint nok, men hvis man eks. scroller et stykke ned, vælger at scrolle en smule op og derefter ned igen, hentes sides på ny, og det duer jo ikke.
Så siden må kun hentes første gang der klikkes på scroll.

Som tidligere nævnt får jeg værdien "NULL" i ved alert i FF.

<script type="text/javascript">
var scrolldelay=null;

function pageScroll(){

        parent.document.getElementById("iframe1").contentWindow.scrollBy(0,+3);
        scrolldelay=setTimeout("pageScroll()",0);
}

function pageScrollup(){
        parent.document.getElementById("iframe1").contentWindow.scrollBy(0,-3);
        scrolldelay=setTimeout("pageScrollup()",0);
}

function stopScroll(){
        scrolldelay=clearTimeout(scrolldelay);
}

function endScroll(){
        setTimeout("parent.document.iframe1.location.href='data.asp?status=0&scroll=false';",5000);
}
</script>

<p onmouseover="parent.document.iframe1.location.href='data.asp?status=1&scroll=true';" onmousedown="pageScroll()" onmouseup="stopScroll()">Scroll<p>

<p onmousedown="pageScrollup()" onmouseup="stopScroll()">Scroll</p>

Så må du sætte en variable første gang, f.eks. bReloaded=true
så kan du tjekke, om bReloaded==true inden du reloader.

Kan du vise et eks. i koden?
Men det ændre så ikke på at FF ikke kan se mit iframe.

onmouseover="parent.document.iframe1.location.href='data.asp?status=1&scroll=true';"

skal være:

onmouseover="if(bReloaded){bReloaded=true;parent.document.iframe1.location.href='data.asp?status=1&scroll=true'}"

og så skal:
var scrolldelay=null;
være:
var scrolldelay=null,bReloaded=false;

Det med FF og iframet kan jeg nok ikke hjælpe med, medmindre jeg har mulighed for at prøve siden.

Ok fint. nu er siden bare ikke online endnu.
men burde det så ikke kunne skrives noget i stil med det her?

function pageScroll(){

        parent.document.getElementById("top.mainFrame.iframe1").contentWindow.scrollBy(0,+3);
        scrolldelay=setTimeout("pageScroll()",0);
}

Nej, for getElementById() leder efter id'et, og intet element har id'et "top.mainFrame.iframe1". Du kan måske prøve med:

function pageScroll(){
        top.mainFrame.getElementById("iframe1").contentWindow.scrollBy(0,+3);
        scrolldelay=window.setTimeout("pageScroll()",1);
}

Med var scrolldelay=null,bReloaded=false; henter den ikke siden der skal scrolles. :(

onmouseover="if(bReloaded){bReloaded=true;parent.document.iframe1.location.href='data.asp?status=1&scroll=true'}"

skulle være:

onmouseover="if(!bReloaded){bReloaded=true;parent.document.iframe1.location.href='data.asp?status=1&scroll=true'}"

wups =)

Jo det virkede.:-)

Skridt for skridt kommer det nærmere.
Se, ved onmouseout har jeg en timeout på 5 sek. men denne må jo kun køres hvis det er onmouseout på begge knapper, så den ikke afvikles i mens man f.eks er ved at scrolle op.

How glemte koden.

function endScroll(){
        setTimeout("parent.document.iframe1.location.href='data.asp?status=0&scroll=false';",5000);
}

Ok. jeg fik det løst med Clear.Timeout(t) på begge knapper.:)

Så er det sidste spørgsmål hvorfor det ikke virker i FF. det ser ud til at problemet er onmouseover funktionen den ikke reagerer på, burde det ikke virke i FF?

så skal du nok rette alle steder, hvor der står parent.document.iframe1 til top.mainFrame.getElementById("iframe1") hvis det var det, der virkede før.

Altså min onmousedown virker i FF, men ikke min onmouseover som skal loade scrollsiden.

Ja, den kører jo PageScroll() som bruger top.mainFrame.getElementById("iframe1")

Det er den her FF ikke vil loade:

onmouseover="if(!bReloaded){bReloaded=true;parent.document.iframe1.location.href='data.asp?status=1&scroll=true'}"

Jep.

onmouseover="if(!bReloaded){bReloaded=true;top.mainFrame.getElementById("iframe1").location.href='data.asp?status=1&scroll=true'}"

Yes. nu virker det.:)
Men hvis jeg åbner siden i et nyt vindue(popup) virker "top.mainFrame" naturligvis ikke, men hvad vil koden så være?

opener.mainFrame, tror jeg

Nææh har så forsøgt med opener.mainFrame og opener.parent.mainFrame  - uden held :(

Hvor åbnes popup'en fra? Hvilket frame?

popup'en åbnes fra min mainFrame.
Men skal popup navnet evt. indgå i:

onmouseover="if(!bReloaded){bReloaded=true;parentdocument.popup.getElementById("iframe1").location.href='data.asp?status=1&scroll=true'}"

Nej, det skal så bare være:

onmouseover="if(!bReloaded){bReloaded=true;parent.getElementById("iframe1").location.href='data.asp?status=1&scroll=true'}"

Fint.:-)

Så virker alt det her scroll, men en dum lille fejl, ved ikke om man kan gøre noget ved det, men hvis man klikker på scroll og kommer til at flytte musen en smule går der total ged i scrollen og stopper ikke igen.

En eller anden ide til dette problem?

Måske hvis du retter:

onmouseup="stopScroll()"

til:

onmouseup="stopScroll()" onmouseout="stopScroll()"

Ellers har jeg ingen idéer. =/

Nej det er jo når man holder musen nede(onmousedown) og kommer til at trække musen en lille smule, fejlen opstår.

Eller kan ma måske undgå at scroll.gif markeres og dermed undgå at trække det?

Derfor skal den stoppe scroll, når musen forsvinder. Prøv med onmouseout, som jeg foreslog. =)

Jo. det løser faktisk problemet. Perfekt.:^)

Den der med popup i FF, der var jeg lige en tand for hurtig, det virker ikke alene med parent.:(

I hvilket tilfælde virker det ikke, siger du?

Ved popup i FF - virker mine scrollknapper ikke. I IE virker alt.

Ok.. Hmm. Det har jeg umiddelbart ingen forklaring på.

Ok. jeg prøver mig lidt frem.
Men tusinde tak for hjælpen. Point :^)

Takker! =)