Ik wil in een website in een div gebruik maken van een scrollbalk die m.b.v. javascript is gemaakt. Ik heb hier inmiddels ook een script voor op het internet gevonden. (mootools)
Via de volgende scriptcode krijg ik een en ander wel aan de praat, de scrollbalk werkt, maar ik blijf de volgende (vervelende) melding houden, Gereed met fouten op de pagina.
CODE:
/* <![CDATA[ */
function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
var steps = (horizontal?(content.getScrollSize().x - content.getSize().x)
content.getScrollSize().y - content.getSize().y))
var slider = new Slider(scrollbar, handle, {
steps: steps,
mode: (horizontal?'horizontal':'vertical'),
onChange: function(step){
// Scrolls the content element in x or y direction.
var x = (horizontal?step:0);
var y = (horizontal?0:step);
content.scrollTo(x,y);
}
}).set(0);
if( !(ignoreMouse) ){
// Scroll the content element when the mousewheel is used within the
// content or the scrollbar element.
$$(content, scrollbar).addEvent('mousewheel', function(e){
e = new Event(e).stop();
var step = slider.step - e.wheel * 30;
slider.set(step);
});
}
// Stops the handle dragging process when the mouse leaves the document body.
$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
}
window.addEvent('domready', function(){
// -- first example, vertical scrollbar --
makeScrollbar( $('content1'), $('scrollbar1'), $('handle1') );
// -- second example, horizontal scrollbar --
makeScrollbar( $('content2'), $('scrollbar2'), $('handle2'), true );
// -- third example, horizontal and vertical scrollbars
makeScrollbar( $('content3'), $('scrollbar3'), $('handle3'), false );
makeScrollbar( $('content3'), $('scrollbar4'), $('handle4'), true, true );
});
/* ]]> */
Ik heb zelf niet veel kennis van javascript maar de Microsoft Script Editor maakt regel 4 geel
var steps = (horizontal?(content.getScrollSize().x - content.getSize().x)
content.getScrollSize().y - content.getSize().y))
en geeft daarbij de volgende melding weer "Runtime-fout Microsoft JScript: 'null' is leeg of geen object"
Iemand enig idee hoe ik de code aan kan passen zodat de foutmelding verdwijnt.
Alvast bedankt
Via de volgende scriptcode krijg ik een en ander wel aan de praat, de scrollbalk werkt, maar ik blijf de volgende (vervelende) melding houden, Gereed met fouten op de pagina.
CODE:
/* <
var slider = new Slider(scrollbar, handle, {
steps: steps,
mode: (horizontal?'horizontal':'vertical'),
onChange: function(step){
// Scrolls the content element in x or y direction.
var x = (horizontal?step:0);
var y = (horizontal?0:step);
content.scrollTo(x,y);
}
}).set(0);
if( !(ignoreMouse) ){
// Scroll the content element when the mousewheel is used within the
// content or the scrollbar element.
$$(content, scrollbar).addEvent('mousewheel', function(e){
e = new Event(e).stop();
var step = slider.step - e.wheel * 30;
slider.set(step);
});
}
// Stops the handle dragging process when the mouse leaves the document body.
$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
}
window.addEvent('domready', function(){
// -- first example, vertical scrollbar --
makeScrollbar( $('content1'), $('scrollbar1'), $('handle1') );
// -- second example, horizontal scrollbar --
makeScrollbar( $('content2'), $('scrollbar2'), $('handle2'), true );
// -- third example, horizontal and vertical scrollbars
makeScrollbar( $('content3'), $('scrollbar3'), $('handle3'), false );
makeScrollbar( $('content3'), $('scrollbar4'), $('handle4'), true, true );
});
/* ]]> */
Ik heb zelf niet veel kennis van javascript maar de Microsoft Script Editor maakt regel 4 geel
var steps = (horizontal?(content.getScrollSize().x - content.getSize().x)

en geeft daarbij de volgende melding weer "Runtime-fout Microsoft JScript: 'null' is leeg of geen object"
Iemand enig idee hoe ik de code aan kan passen zodat de foutmelding verdwijnt.
Alvast bedankt