slider

by Ajay Patel

HTML

<input size="10" onkeyup="auto_currency('coverage')" type="text" id="coverage" name="coverage" />

CSS

body {
    margin: 10px auto;
    width: 570px;
    font: 75%/120% Arial, Helvetica, sans-serif;
}
.menu {
    margin: 100px 0 0;
    padding: 0;
    list-style: none;
}
.menu li {
    padding: 0;
    margin: 0 2px;
    float: left;
    position: relative;
    text-align: center;
}
.menu a {
    padding: 14px 10px;
    display: block;
    color: #000000;
    width: 144px;
    text-decoration: none;
    font-weight: bold;
    background: url(images/button.gif) no-repeat center center;
}
.menu li em {
    background: url(images/hover.png) no-repeat;
    width: 180px;
    height: 45px;
    position: absolute;
    top: -85px;
    left: -15px;
    text-align: center;
    padding: 20px 12px 10px;
    font-style: normal;
    z-index: 2;
    display: none;
}

JavaScript

function auto_currency(id){  
        var variable = document.getElementById(id);  
        var new_value =  variable.value.replace(/\,/g,"");  
        variable.style.textAlign = "right";  
        variable.value = digit_grouping(new_value);  
    }