Ragazzi, se qualcuno ha lo stesso problemma ecco la soluzione:
codice:
<body>
<style type="text/css">
#move {
height: 10px;
width: 0px;
position: relative;
background: green;
display: block;
}
.inner{
display: block;
position: static;
top: 0;
left: 0;
max-width: 400px;
height: 10px;
overflow: hidden;
border:solid;
border-width:1px;
}
</style>
<div id="inner" class="inner">
<div id="move">
</div>
</div>
<script type="text/javascript">
var div2 = document.getElementById('inner');
div2.onmousedown = function(){
document.onmousemove = function(e){
document.getElementById('move').style.width = e.pageX+"px";
}
document.onmouseup = function(e){
document.getElementById('move').style.width = 0+'px';
document.onmousemove = function(){};
}
}
</script>
</body>
Rispondi quotando
