Auto Scrollbar

isc_seeker · #1 (**permalink**) 30/08/2011, 11:46

tengo el siguiente código, el cual me crea nuevos elementos (caja de texto y dos radio button) conforme doy clic sobre el boton nuevo:

Código HTML:

Ver original<html>
<body>
<input type="hidden" value="0" id="theValue" />
<p><a href="javascript:;" onclick="addElement();"><input type="button" name="generate" value="Nuevo"></a></p>
    <div id="myDiv"> </div>
<script>
function addElement() {
    var ni = document.getElementById('myDiv');
    var newdiv = document.createElement('div');
    var num = faltaNum();
    var divIdName = 'numero'+num+'';
    newdiv.setAttribute('id',divIdName);
    newdiv.innerHTML = ''+num+' <input type="text"><input type="radio" name="rd1'+num+'"><input type="radio" name="rd1'+num+'"><a href=\'#\' onclick=\'removeElement("'+divIdName+'")\'>Eliminar elemento "'+divIdName+'"</a>';
    ni.appendChild(newdiv);
}
 
function faltaNum() {
    var ni = document.getElementById('myDiv').childNodes;
    var i=1
    while(i<=ni.length) {
        if(!existe("numero"+i)) {
            return i;
        }
        i++;
    }
    return i;
}
 
function existe(id) {
    var ni = document.getElementById('myDiv').childNodes;
    for(var i=0; ele=ni.item(i); i++) {
        if(ele.id == id) {
            return true;
        }
    }
    return false;
}
 
function removeElement(divNum) {
    var d = document.getElementById('myDiv');
    var olddiv = document.getElementById(divNum);
    d.removeChild(olddiv);
}
</script>
</body>
</html>

quisiera saber si es posible hacer un auto scrollbar, puesto que cuando creo mas alla de 50 elementos, por decir una cantidad grande, ya no los puedo ver, a no ser que yo mismo baje manualmente la scroll bar de mi navegador... lo que quiero es que al crear mas elementos, mas alla de lo que puedo ver en mi monitos, me vaya bajando la scroll conforme a los elementos creados... no se si me de a entender :P

saludos y gracias de antemano

IsaBelM · #2 (**permalink**) 30/08/2011, 12:32

lo primero que se me ocurre es cambiar el orden de los elementos

Cita:

pero como creo que eso no te va a satisfacer, la otra opción es darle el foco al campo

isc_seeker · #3 (**permalink**) 30/08/2011, 12:49

Cita:

Iniciado por IsaBelM

lo primero que se me ocurre es cambiar el orden de los elementos

pero como creo que eso no te va a satisfacer, la otra opción es darle el foco al campo

no soy usuario de los focos, pero puedo aprender... me puedes dar alguna opción ???

IsaBelM · #4 (**permalink**) 30/08/2011, 12:55

Cita:

Iniciado por isc_seeker

no soy usuario de los focos, pero puedo aprender... me puedes dar alguna opción ???

Cita:

newdiv.innerHTML = ''+num+' <input type="text" id="numero'+num+'">......
ni.appendChild(newdiv);
document.getElementById(divIdName).focus();