Ver Mensaje Individual
  #5 (permalink)  
Antiguo 14/10/2011, 23:56
Avatar de America|UNK
America|UNK
 
Fecha de Ingreso: noviembre-2006
Ubicación: Piura - Perú
Mensajes: 582
Antigüedad: 18 años, 2 meses
Puntos: 56
Respuesta: Aumentar o disminuir cantidades con javascript

Añade una función después de los formularios
Código Javascript:
Ver original
  1. <script>
  2. (function(){
  3.     var d = document, c = d.getElementsByTagName('input'), i=0, l = c.length
  4.     while(i<l){
  5.         if(c[i].name == 'cantidad'){
  6.             c[i].value = ~~c[i].value
  7.             var mas = d.createElement('button'), menos = d.createElement('button'), parent = c[i].parentNode
  8.             mas.innerHTML = '+';                menos.innerHTML = '-'
  9.             mas.className = 'botonMasMenos';    menos.className = 'botonMasMenos'
  10.             parent.insertBefore(mas, c[i]) // Boton +
  11.             parent.insertBefore(menos, c[i].nextSibling) //Boton -
  12.             mas.onclick = function(){
  13.                 this.nextSibling.value++ //Sumar a la caja de texto
  14.             }
  15.             menos.onclick = function(){
  16.                 var v = this.previousSibling
  17.                 v.value = v.value > 0 ? v.value-1 : 0 // Restar
  18.             }
  19.         }
  20.         i++
  21.     }
  22. })()
  23. </script>

Código CSS:
Ver original
  1. .botonMasMenos {display:block;background:lime}
__________________
/* El que atiende, entiende..., el que entiende, aprende!.
Desarrollo Web Freelance, Contactar */