responsivewebframework/src/js/slider.js

Jalasoft Foundation Front End Framework ========================================

/*
    Slider
 */
$(function(){
    var applicateStyleSlider = function(slider)
    {
        var content = slider.find("+label");


        var divInitLogo = $('<div/>');
        divInitLogo.addClass(content.attr("class"));
        content.removeClass();

        var divBackgroundBar = $('<div/>');

        var divProgressBar = $('<div/>');

        content.append(divInitLogo);
        content.append(divBackgroundBar);
        content.append(divProgressBar);

        var width = slider.find("+label").width()-60;
        var value = slider.attr( "value" );
        value = (value * width) / 100;

        divBackgroundBar.css({
            "width" : width
        });
        divProgressBar.css({
            "width" : value
        });
    };

    $('input.slider').each(function(index) {
        applicateStyleSlider($(this));
    });
});