function render($ele_value, $caption, $markupName, $isDisabled, $element, $entry_id)
 {
     $slider_html = "<input type=\"range\" ";
     $slider_html .= "name=\"{$markupName}\"";
     $slider_html .= "id=\"{$markupName}\"";
     $slider_html .= "min=\"{$ele_value[0]}\" ";
     $slider_html .= "max=\"{$ele_value[1]}\" ";
     $slider_html .= "step=\"{$ele_value[2]}\" ";
     $slider_html .= "value=\"{$ele_value[3]}\"";
     $slider_html .= "oninput=\"updateTextInput(value);\"";
     $slider_html .= "</input>";
     $value_html = "<output id=\"rangeValue\" type=\"text\" size=\"2\"";
     $value_html .= "for=\"{$markupName}\"";
     $value_html .= ">{$ele_value['3']}<output>";
     $form_slider_value = new XoopsFormLabel($caption, $value_html);
     $form_slider = new XoopsFormLabel($caption, $slider_html);
     $update_script = "<script type=\"text/javascript\">";
     $update_script .= "function updateTextInput(val) {";
     $update_script .= "document.getElementById('rangeValue').value=val;}";
     $update_script .= "</script>";
     if ($isDisabled) {
         $renderedValue = $form_slider_value->render();
         $form_ele = new XoopsFormLabel($caption, "{$renderedValue}");
     } else {
         $renderedSlider = $form_slider->render();
         $renderedValue = $form_slider_value->render();
         $form_ele = new XoopsFormLabel($caption, "<nobr>{$renderedSlider} {$renderedValue}</nobr>{$update_script}");
     }
     return $form_ele;
 }