Ver Mensaje Individual
  #3 (permalink)  
Antiguo 10/08/2010, 16:55
RodrigoG
 
Fecha de Ingreso: diciembre-2009
Ubicación: dirname(__FILE__)
Mensajes: 149
Antigüedad: 14 años, 3 meses
Puntos: 11
Respuesta: Es correcto que un div o span tenga atributo name?

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:

Código HTML:
Ver original
  1. <form action="" method="post">
  2.   <div id="cont_1">
  3.     <input type="text" value="0" />
  4.   </div>
  5. </form>

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 original
  1. function $(id) {return document.getElementById(id)}
  2. window.onload = function() {
  3. evento.nuevo($(cont_1), "click", crearBotones);
  4. evento.nuevo($(cont_btn_1), "keyup", adicionar);
  5.  
  6. evento.nuevo($(cont_2), "click", crearBotones);
  7. evento.nuevo($(cont_btn_2), "keyup", adicionar);
  8. .
  9. .
  10. .
  11. }
  12. 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 original
  1. window.onload = function() {
  2.  
  3. var divs_tipo_contador = document.getElementsByName("contador");
  4.  
  5. var k = 0;
  6.  
  7. where( divs_tipo_contador[k] )  { // mientras que exista
  8.   evento.nuevo(divs_tipo_contador[k], "click", crearBotones);
  9.   evento.nuevo(divs_tipo_contador[k], "keyup", adicionar);
  10.   k++;
  11. }
  12.  
  13. }

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