Hjelp til scrolling ;)

[Tafsen]

Eg holder på å hjelpe dama mi faktisk med ei heimeside, men så blei eg faktisk sittande fast sjøl. Det eg då trenger hjelp til er å få scrolla ei iframe side ved hjelp av to bilder. Noen som kan hjelpe meg?

 

Sida

[yNx]

Kanskje du kan gjøre det ved hjelp av flash?

[Tafsen]

Eg ville føretrukke å unngå flash...

[Knebba]

jeg ville ungått iframe

[Tafsen]

fordi?

[yNx]

Enig, kennteh

 

Du kan ha litt av en oppgave fremfor deg hvis du vil at det skal fungere i mange browsere uten å bruke flash.

[Knebba]

det finnes mange som slår av iframe.

da blir siden litt ubrukelig

[Tafsen]

Tviler på at den mål gruppen har det så det er ikke så farlig. Tror de fleste som besøker denne siden bruker iExplorer og har iFrame på så det går nok bra

 

Men vet dere åssen eg kan gjøre det uten flash?

[Loomy]

Som noen allerede har sagt; Flash er nok det beste i dette tilfellet. Men så vidt jeg vet krever det også at selve iframen er laget i flash. Med innhold og alt.

 

Javascript blir nok løsningen her. Har sett det før, og det suger like mye hver gang ^_^

 

Hot tip of the day: Hold deg unna slikt svineri

[Prowl]

Jeg ville i hvertfall ikke kjøpt meg et dyrt program som flash bare for noe så lite...

med mindre du har flash fra før da.

[Tafsen]

Bruker vanleg ikkje iframe. Men dette skal være helt enkelt og det skal ikke brukast server basert script språk...

 

Anyone with an url? =) or a code

[Neo]

fælt til "dissing" av iframe her på forumet da. Alle skriker: "å nei!! ikke bruk iframe, det er fali det".

 

Skal hjelpe deg, jeg. Javascript er tingen for å løse problemet ditt. Håper du kan littegrann. La oss si at framen skal scrolle når du holder musa over pilen (som jeg regner med skal brukes til scrolling) så scrolles det. Endre img-taggen (den nederste) til det her:

<IMG SRC="images/scroll2.gif" WIDTH=26 HEIGHT=12 
onmouseover="scrollned()"
onmouseout="stoppned()"
ALT="">

Javascriptkoden ser da slik ut:

var tidned;
var tidopp;

function scrollned()
{
parent.hoved.scrollBy(0,3);
tidned = setTimeout("scrollned(3)",1);
}

function stoppned()
{ 
 clearTimeout(tidned);
}

 

Koden for "opp-pila":

function scrollopp()
{ 
 parent.indre.scrollBy(0,3);
 tidopp = setTimeout("scrollopp(3)",1);
}

function stoppopp()
{
 clearTimeout(tidopp);
}

 

Denne kan du slenge inn mellom headertaggene eller som en egen javascriptfil.

Koden er littegrann buggy, så justeringen kan gjøres. F.eks dersom man holder musa over nedpila 3 sek etter at den har scrollet helt ned, så skjer det ingenting, men når man skal scrolle opp igjen, så man må holde musa over opp-pila i 3 sek før noe skjer.

 

Forresten, så har du brukt vanvittig med "spacer-gifer". Tror kanskje det lønner seg å høre på det magikern driver og messer om hele tiden. Gå over til css og div-tagger isteden. Jeg har alltid vært en tabellmann selv, men har sakte begynt å skjønne fordelene med css og div. Har forøvrig alltid brukt css og div, men ikke til det formål å erstatte tabeller.

[pgdx]

Kult for de som har disablet javascript!

[Tafsen]

takker.... men opp pila funker ikkje.. har forandra "target" til hoved... men den går ned i stede

[Jesper Karsrud]

Du har ikke glemt å bytte om fra

<img src="images/scroll2.gif" width="26" height="12" 
onmouseover="scrollned()"
onmouseout="stoppned()"
alt="">

til

<img src="images/scroll2.gif" width="26" height="12" 
onmouseover="scrollopp()"
onmouseout="stoppopp()"
alt="">

 

[Tafsen]

hehe, nope

[AndersK_]

www.dynamicdrive.com

 

søk etter scrolling eller noe så kommer det er ferdig lagd java script opp ett eller annet sted. har brukt det mange ganger før. funker i IE har ikke testa med noe annet

[Tafsen]

jamen det kan da ikke være så utrolig vanskeleg å få reversert den koden sånn at det går oppover?

[Tafsen]

Ahhh...

fiksa det

 

function scrollopp()
{ 
parent.hoved.scrollBy(0,-3);
tidopp = setTimeout("scrollopp(3)",1);
}

function stoppopp()
{
clearTimeout(tidopp);
}

 

Takk for hjelpa

[yNx]

Jeg vedder et ISDNkort på at det ikke virker i alle browsere.