[mootools] Multiple scroller

Door Crispijn - op 06-12-2008 14:13

740 views

Beste mensen,

Ik heb een document waar ik meerdere divjes (onbepaald aantal, id etc) Wil kunnen laten scrollen volgens dit voorbeeld:

http://demos111.mootools.net/Scroller

Je moet hier het id van het divje meegeven. Nu heb ik er dus een onbepaald aantal, met wisselend id dus ik dacht het zo op te kunnen lossen:


    <script type="text/javascript">
		window.addEvent('domready', function() {
			
			$$('div.content').each(function() {
				
				this.addEvents({
					var scrol = new Scroller(this, {area: 50, velocity: 1});
					'mouseover' : function(){
						scrol.start.bind(scrol);
					},
					'mouseout' : function(){
						scrol.start.bind(scrol)
					}
				});
			});
		});
	</script>

Ik krijg echter de foutmelding:

missing : after property id
[Break on this error] var scrol = new Scroller(this, {area: 50, velocity: 1});\n

Volgens mij heb ik wel alles ingevuld... Iemand enig idee?

Niek Weevers

06-12-2008 16:58

Misschien ligt het aan de dubbele $$ voor je div.content

Crispijn -

06-12-2008 17:11

nee, daarmee selecteer je alle divjes met classe content, daar zal het niet aan liggen...

M Ypma

06-12-2008 19:33

je moet deze regel:
var scrol = new Scroller(this, {area: 50, velocity: 1});
uit je addEvents functie halen maar ervoor plaatsen, je kan niet binnen een object definitie losse variabelen aanmaken. Code wordt dus:


<script type="text/javascript">
        window.addEvent('domready', function() {
            
            $$('div.content').each(function() {
                
                var scrol = new Scroller(this, {area: 50, velocity: 1});
                this.addEvents({
                    'mouseover' : function(){
                        scrol.start.bind(scrol);
                    },
                    'mouseout' : function(){
                        scrol.start.bind(scrol)
                    }
                });
            });
        });
    </script>

Reageren

Inloggen om te reageren