Slider only works in IE

My slider works beautifully in IE. However, when I try it from Firefox or Chrome it disappears.



Firebug throws this error (tracebacks included for reference):

----------------------------------------------------------------

obj is null

+ anonymous(Object name=obj)

    dhtmlxslider.js (line 40)

+ setFoc()

    inst_create.php (line 19)

+ function onload(event) { setFoc(); }(load )

    1 (line 2)

+ [Break on this error] that.startDrag(e||event);break};return …min, obj.max, obj.value, obj.step ]},\r\n

    dhtmlxslider.js (line 40)





I’m running this “body onload” event (I also tried it inline w/same result):

------------------------------------------------------------------

var slider1 = new dhtmlxSlider(‘sld’, 100, ‘ball’, false, 0, 100, 1, 10);

slider1.linkTo(‘myval’);

slider1.init();



Here’s where the slider appears in the HTML:

-----------------------------------------------------------------



<input type=“text” name=“myval” value=“1” maxlength=“3” readonly=“readonly” style=“width: 20px;”

style=“position: static; float: left;” />









My doctype is “XHTML 1.0 Transitional”.



Any ideas?


The provide code looks correct. Please,check the sample dhtmlxSlider/samples/02_itegrationwithform/03_slider_link.html ( dhtmlx.com/docs/products/dht … _link.html )


If the problem isn’t solved, please provide the complete demo to recreate the issue

I’ll port the page to a publicly accessible site this weekend and give you the URL Monday.