I’m using the DHTMLX slider on a website and the functionality works fine.
I have 2 sliders.
When moving the slider to the Max the knob disappears.
I’ve tried to teak the size and other attributes of my div to compensate but the same issue occurs.
Do you have any idea what is causing this?
My HTML code:
Opacité:
0
10
20
30
40
50
60
70
80
90
100
Opacité:
0
10
20
30
40
50
60
70
80
90
100
var slider1 = new dhtmlxSlider(“sliderBox1”, 140,“arrowgreen”,false,0,100,50,10);
slider1.attachEvent(“onSlideEnd”,function(newValue,sliderObj)
{
ChangeTheCurrentSelectedValue(document.getElementById(‘sliderSelect1’), newValue);
UpdateOpacity(newValue, ‘bsb’);
});
slider1.attachEvent(“onChange”,function(newValue,sliderObj)
{
if (this._busy)
return; //ignore calls during drag
ChangeTheCurrentSelectedValue(document.getElementById(‘sliderSelect1’), newValue);
UpdateOpacity(newValue, ‘bsb’);
});
slider1.init();
var slider2 = new dhtmlxSlider(“sliderBox2”, 140,“arrowgreen”,false,0,100,50,10);
slider2.attachEvent(“onSlideEnd”,function(newValue,sliderObj)
{
ChangeTheCurrentSelectedValue(document.getElementById(‘sliderSelect2’), newValue);
UpdateOpacity(newValue, ‘s57’);
});
slider2.attachEvent(“onChange”,function(newValue,sliderObj)
{
if (this._busy)
return; //ignore calls during drag
ChangeTheCurrentSelectedValue(document.getElementById(‘sliderSelect2’), newValue);
UpdateOpacity(newValue, ‘s57’);
});
slider2.init();
var tree = new dhtmlXTreeObject(“treeboxbox_tree”,“100%”,“100%”,0);
tree.setImagePath(“imgs/”);
//enable checkboxes
tree.enableCheckBoxes(1);
tree.setOnLoadingEnd(OnLoadingEnd);
tree.setOnClickHandler(OnClickHandler);
tree.setOnCheckHandler(OnCheckHandler);
tree.loadXML(“xml/couche_carto.xml”);
PS: this issue occurs in IE 7 and in Firefox 3.0
PS: I’m using also a DHTMLX tree