[mootools] Multiple scroller
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:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<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>
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:
Quote:
missing : after property id
[Break on this error] var scrol = new Scroller(this, {area: 50, velocity: 1});\n
[Break on this error] var scrol = new Scroller(this, {area: 50, velocity: 1});\n
Volgens mij heb ik wel alles ingevuld... Iemand enig idee?
Gesponsorde koppelingen:
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:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<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>
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>
