Problema sumando en un input

[sergiold]

Hola a todos,
lo primero pongo el código que estoy utilizando:

<script>
function sumaOrden(id){
//sumo un +1 al grosor
resultado = parseInt(document.getElementByID(id).value) + 1;
document.getElementByID(id).value = resultado;
}
function restaOrden(id){
//a menos q el grosor ya sea 0 le quito una unidad
if(parseInt(document.getElementByID(id).value)!=0) {
resultado = parseInt(document.getElementByID(id).value) - 1;
document.getElementByID(id).value = resultado;
}
}
</script>
<input name='orden1' id='orden1' type='text' size='3' maxlength='3' value='1' disabled>[<a href='#' onClick='sumaOrden(orden1);'>+</a>] [<a href='#' onClick='restaOrden(orden1);'>-</a>]

La parte en negrita la genero automáticamente con PHP, el problema está en que quizás despues se repita lo mismo pero con orden2, orden3... entonces cambia el id y la forma de llamar a la función.

Puedo tener dos problemas:
- el primero es que estoy intentando acceder a un input sin la etiqueta form, no se si esto se puede, por eso lo intento con getElementById
- aún poniendo la etiqueta form y accediendo con el nombre del form y del input (los mismos) me detecta la cadena document.id.id.value como si fuera el objeto en vez de substituir id por lo que sea.

Espero haberme explicado suficientemente.
Saludos y gracias!

[sergiold]

Si no esta del todo claro decirmelo para intentar mejorar la explicacion de la situacion. Pero es que me estoy volviendo loco buscando algo que se aprezca a lo que quiero por estos foros y en google y no encuentro nada que me ilumine.
Saludos y gracias,

[KarlanKas]

Prueba a poner:

onClick='sumaOrden("orden1");'

Es decir, entrecomilla el id al llevartelo con la function.

A ver qué tal ahora!

También puedes usar sólo una de las dos functions añadiéndole otro valor. Así:

function sumaOrden(id,incremento){
//sumo el incremento al grosor
resultado = parseInt(document.getElementByID(id).value) + incremento;
document.getElementByID(id).value = resultado;
}

Y a la hora de llamarla haces:
onClick='sumaOrden("orden1",1);'
o
onClick='sumaOrden("orden1",-1);'

Según sea.

[sergiold]

Gracias KarlanKas por contestar,
aun poniendo las comillas me sigue diciendo:

El objeto no acepta esta propiedad o método.

Sin embargo ahora me reconoce el objeto así que ahora solo queda solucionar el primer problema. El segundo ya esta.

Muchas gracias!

[KarlanKas]

Bueno, pues había que ponerle la etiqueta form. Ya que si no el atributo value no le valía.

Prueba ahora con esto:

Código PHP:

  <script>
function sumaOrden(id,incremento){
//sumo incremento al grosor
resultado = parseInt(document['pepe'][id].value);
resultado+=(resultado<1 && incremento==-1)?0:incremento;
document['pepe'][id].value = resultado;
}
 
</script>
<form name="pepe">
<input name='orden1' id='orden1' type='text' size='3' maxlength='3' value='1' disabled>
[<a href='#' onClick='sumaOrden("orden1",1);'>+</a>] [<a href='#' onClick='sumaOrden("orden1",-1);'>-</a>]
</form> 
  

Un saludo!

[KarlanKas]

Ya sé porque no lo admitia. Era porque tenias puesto el atributo disabled. Prueba a poner Readonly que para lo que quieres es lo que debes usar: lo muestra pero no lo deshabilita:

Código PHP:

  <script>
function sumaOrden(id,incremento){
//sumo incremento al grosor
campo=document.getElementById(id);
resultado = parseInt(campo.value);
resultado+=(resultado<1 && incremento==-1)?0:incremento;
campo.value = resultado;
}
 
</script>
 
<input name='orden1' id='orden1' type='text' size='3' maxlength='3' value='1' readonly>
[<a href='#' onClick='sumaOrden("orden1",1);'>+</a>] [<a href='#' onClick='sumaOrden("orden1",-1);'>-</a>] 
  

A ver que te parece esta pequeña mejora!

[sergiold]

PERFECTO KarlanKas!

Es justo lo que necesitaba.

Muchas gracais de nuevo!
Un saludo,

[KarlanKas]

De nada, hombre!

Hoy por tí y mañana por mí!