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<input type="hidden" value="0" id="theValue" /> <p><a href="javascript:;" onclick="addElement();"><input type="button" name="generate" value="Nuevo"></a></p> 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);
}
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