Hola, es que quiero a través de javascript seleccionar varios elementos de un mismo "tipo", sean divs o span, para jugar con ellos y hacer algunas cosas.
En concreto, quiero crear input typo text que contengan una cantidad, como un carrito de compras.
Ejemplo:
Eso se vería como
[ 0 ]
Entonces, quiero que a cada input que sea de cantidad se le asignen dos imagenes que simulen botones para aumentar o disminuir una unidad:
[ - ][ 0 ][ + ]
Usuario presiona en [+]:
[ - ][ 1 ][ + ]
Usuario vuelve a presionar en [+]
[ - ][ 2 ][ + ]
Eso.
El problema es que estoy manejando eventos en un archivo externo y no quiero crear algo como:
Código Javascript
:
Ver originalfunction $(id) {return document.getElementById(id)}
window.onload = function() {
evento.nuevo($(cont_1), "click", crearBotones);
evento.nuevo($(cont_btn_1), "keyup", adicionar);
evento.nuevo($(cont_2), "click", crearBotones);
evento.nuevo($(cont_btn_2), "keyup", adicionar);
.
.
.
}
etc.
Pero no sé exactamente cuantos input del tipo "cantidad" hay (es dinámico) y tampoco están todos asociados al mismo formulario.
Entonces pensé que sería más lógico hacer algo como lo siguiente:
Código Javascript
:
Ver originalwindow.onload = function() {
var divs_tipo_contador = document.getElementsByName("contador");
var k = 0;
where( divs_tipo_contador[k] ) { // mientras que exista
evento.nuevo(divs_tipo_contador[k], "click", crearBotones);
evento.nuevo(divs_tipo_contador[k], "keyup", adicionar);
k++;
}
}
De esa forma capturo de forma rápida todos los divs que en el interior tienen un input "tipo" contador. Y me ahorro de hacer un script diferente para cada página.
Entonces pensé ...pero existen los names para los divs? y he allí la respuesta, gracias