Start Building Professional
Web Apps Today

DHTMLX Slider knob disappears when set to MAX

I'm using the DHTMLX slider on a website and the functionality works fine.

I've set one of the 2 sliders to be set on min and the other on the max.

Now when moving the slider to the Max (as default one is set on max) the knob disappears? I've tried to teak the size and other attributes to compensate but the same issue occurs.

Do you have any idea what is causing this?

P.s. this issue only occurs in IE (not in Firefox).

Here's a link to the webpage I’m working on: http://intelogy.itproz.co.uk/property-viewer.html

Can anyone help?

Problem confirmed and fixed - please use attached js file instead of original one.

Thank you for your quick reply.

Unfortunately the updated file (dhtmlxslider.js) now crashes IE.  The site still runs fine in FF.  I’m working from FF so you can check out the error in IE at: http://intelogy.itproz.co.uk/property-viewer.html

Big thanks for your time.

Matt

IE can't add new elements to the document's body, while rendering

Instead of
    var slider2=new dhtmlxSlider(null, 200, "simplesilver",false, 0,2000,2000);
you can use
    <div id="sllider_here">
    ...
    var slider2=new dhtmlxSlider('sllider_here', 200, "simplesilver",false, 0,2000,2000);
   

Hi,

I've tried what you asked and i got no result, in fact the slider just disappeared.  I don’t know whether I’ve coded it wrong could you take a look:

 <script>
                           
    //slider onChange handler
    function my_func2(pos2,slider2){
                                                       document.getElementById("sllider_here").innerHTML="Slider value is "+pos2;
                                                       MaxPriceValue = (document.getElementById("sllider_here").innerHTML=+pos2);
                                                       refreshView(MaxPriceValue);
                                                     
       }
          
     var slider2=new dhtmlxSlider('sllider_here', 200, "simplesilver",false, 0,2000,2000);
     slider2.attachEvent("onChange",my_func2);
     slider2.init();
                             
</script>   
                 
<span class="whitetext">Max Cost £</span>    <div id="sllider_here" class="text">2000</div>


Any idea's???

Thanks in Advance.

Matt

Just place an HTML code before script section

I've noticed something strange.

I tried the code you gave me by it self and it worked fine.  But once that code was initialed into my website, the same issue occurred again. 

 

I've put another element of the slider outside of the main table (just below the body tag) and it works fine.  But if i place the slider anywhere in the table tags, the end of the sliders disappear.

 

I’ve tried removing other elements and components to see if they are causing the problem but I’ve had no luck.  Has an issue like this ever occurred?

Check out the link to see both slider enabled (same code), one out side the table tag (working fine) and one inside with a blank end: http://intelogy.itproz.co.uk