Toon posts:

[BC3] [JS] Waarom werkt scrollBy niet??

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ja, ja.. Een javascript beginner.. :P

Ik probeer m''n pagina te laten scrollen met behulp van 2 plaatjes en javascript (en windows en een computer, etc, etc.. }:O).

Dit is m''n code:
<a href="javascript:window.scrollBy(10,0);">[img]"up.jpg"></a> <a[/img][img]"down.jpg"></a[/img]

Waarom werkt dit niet? Ik heb het ook al geprobeerd met self.scrollBy, scrollBy, zonder ''javascript:'', in de IMG tag, etc, etc.

Ik heb ''natuurlijk'' ook op internet gezocht, maar daar leggen ze alleen de werking uit en de syntax en volgens mij is de syntax goed zo. Kan iemand ligt op dit onderwerp schijnen? :?

  • McVirusS
  • Registratie: Januari 2000
  • Laatst online: 10-09 10:16
code:
1
2
3
4
5
<a href="window.scrollBy(0,10)">Down</a>
<a href="window.scrollBy(0,-10)">Up</a>

<a href="window.scrollBy(10,0)">left</a>
<a href="window.scrollBy(-10,0)">right</a>

  • 2
  • Registratie: November 2000
  • Laatst online: 31-03 13:52

2

gewoon window.scroll(x,y)

  • McVirusS
  • Registratie: Januari 2000
  • Laatst online: 10-09 10:16
Op woensdag 18 april 2001 01:07 schreef 2 het volgende:
gewoon window.scroll(x,y)
Is dat niet voor absolute waardes? Met scrollBy pak je de huidige scrollwaarde en gooit daar een bepaalde waarde bij....lijkt mij meer geschikt voor up en down dus ;).

  • 2
  • Registratie: November 2000
  • Laatst online: 31-03 13:52

2

hmkay.
code:
1
2
3
4
<a href="javascript:window.scrollBy(0,10)">Down</a>
<a href="javascript:window.scrollBy(0,-10)">Up</a>
<a href="javascript:window.scrollBy(10,0)">left</a>
<a href="javascript:window.scrollBy(-10,0)">right</a>

Zo dan :)

  • McVirusS
  • Registratie: Januari 2000
  • Laatst online: 10-09 10:16
Dief! >:)

  • 2
  • Registratie: November 2000
  • Laatst online: 31-03 13:52

2

Mijne is v1.1

:)

Verwijderd

Topicstarter
Ik snap er geen f*ck van... Die syntax heb ik toch gebruikt?

Als ik die van McVirusS gebruik, dan maakt ie ''r gewoon een link van en dan wil ie naar een pagina die "scrollbybla" heet. Met javascript: ''r voor doet ie ''t ook niet?

Iemand een idee?

  • 2
  • Registratie: November 2000
  • Laatst online: 31-03 13:52

2

Mijne moet werken.

Is je pagina wel groot genoeg om te scrollen?

edit:
Left en right waren omgekeerd:
code:
1
2
3
4
<a href="javascript:window.scrollBy(0,10)">Down</a>
<a href="javascript:window.scrollBy(0,-10)">Up</a>
<a href="javascript:window.scrollBy(-10,0)">left</a>
<a href="javascript:window.scrollBy(10,0)">right</a>

v1.2 :)

Verwijderd

Topicstarter
Damn..! Je hebt gelijk.. Die werkt..
:)

Stupid me.. }:O

Verwijderd

Topicstarter
Nog een vraagje: is het mogelijk om die scrollBy te gebruiken voor een layer? Zoiets als: layername.scrollBy(0,10); :?

  • 2
  • Registratie: November 2000
  • Laatst online: 31-03 13:52

2

Bedoel je met overflow:scroll ofzo?

Of gewoon dat hij beweegt?

Want dan kun je gewoon

layername.style.top = 100;

ofzo doen.

  • chem
  • Registratie: Oktober 2000
  • Laatst online: 27-08 13:53

chem

Reist de wereld rond

Op woensdag 18 april 2001 04:17 schreef Agijsbro het volgende:
Nog een vraagje: is het mogelijk om die scrollBy te gebruiken voor een layer? Zoiets als: layername.scrollBy(0,10); :?
dan is het moveBy geloof ik...

Klaar voor een nieuwe uitdaging.


  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

ff schoppen omdat ik hier mee bezig ben en er niet helemaal uitkom.
Wat is het geval:
-een html-doc (hierna te noemen 'index') met daarin een iframe (genaamd 'screen').
-een 2-tal buttons in een image-map in de index die het iframe moeten laten scrollen.
-een scrollend iframe in Mozilla maar niet
-in IE5, want dan krijg ik een error:'object doesn't support this property or method'

de code:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>
function scroll(x,y){   
        top.screen.scrollBy(x,y);   
    }
</script>

in de body:

[knip]
<area shape="rect" alt="" coords="122,125,150,144" href="javascript: scroll(0,20);">
<area shape="rect" alt="" coords="122,76,150,94" href="javascript: scroll(0,-20);">
[/knip]


iframe:
<iframe src="templates/index.html" name="screen" id="screen" width="167" height="160" marginwidth="0" marginheight="0"></iframe>

waarom werkt dat nou nie?
Ondersteunt IE5 geen scrollBy ofzo :?

www.jurgroessen.nl


Verwijderd

Op woensdag 20 maart 2002 11:41 schreef Hangloozz het volgende:
Ondersteunt IE5 geen scrollBy ofzo :?
Zo te zien niet:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Test</title>
</head>

<body>

<a href="javascript:alert(document.all.MyFrame.scrollBy)">yeah</a><br>

<iframe src="http://www.nu.nl" id="MyFrame">

</body>
</html>

  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

pff, dat zuigt ;(
nou dan maar over op doScroll()..

thnx Blues.

www.jurgroessen.nl


  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Op woensdag 20 maart 2002 12:02 schreef Hangloozz het volgende:
pff, dat zuigt ;(
nou dan maar over op doScroll()..

thnx Blues.
Dan implementeer je toch je eigen scrollBy functie. Lijkt me niet zo moeilijk: gewoon de scrollTop en scrollLeft afvragen, parameters erbij optellen en met scroll(x, y) je element scrollen...

Intentionally left blank


  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

dat zal het wel gaan worden dunkt me, want van de doScroll-method referentie van MSDN (thnx again papa_eend :) ) wordt ik nog minder vrolijk:
Applies To

BODY, CUSTOM, DIV, SPAN, TEXTAREA

www.jurgroessen.nl

Pagina: 1