Foros del Web » Programando para Internet » Javascript »

Otro botón

Estas en el tema de Otro botón en el foro de Javascript en Foros del Web. Hice cambios al programa que incrementa el valor de un texbox usando un botón para que hiciera lo mismo con otro botón y otro texbox, ...
  #1 (permalink)  
Antiguo 15/05/2012, 20:31
 
Fecha de Ingreso: noviembre-2004
Ubicación: Medellín
Mensajes: 121
Antigüedad: 19 años, 5 meses
Puntos: 1
Busqueda Otro botón

Hice cambios al programa que incrementa el valor de un texbox usando un botón para que hiciera lo mismo con otro botón y otro texbox, pero no funciona.
<script language = "javascript" type="text/javascript">
function incrementar(){
var inputText = document.getElementById('tx1');
var valor = parseInt(document.getElementById('tx1').value);
valor += 1;
inputText.value = valor;
}
function incrementar2(){
var inputText = document.getElementById('tx2');
var valor = parseInt(document.getElementById('tx2').value);
valor += 1;
inputText.value = valor;
}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<table width="614" border="1">
<tr>
<td width="106">6 am - 2:30 pm</td>
<td width="13">&nbsp;</td>
<td width="87">
<label>
<input type="button" name="1" id="boton1" value="Agregar" onClick="incrementar();"/>
</label>
</td>
<td width="16">&nbsp;</td>
<td width="144"><label>
<input type="text" name="tx1" id="tx1" value="0"/>
</label></td>
<td width="9">&nbsp;</td>
<td width="193"><input type="text" name="tx3" id="tx3" value="0"/></td>
</tr>
<tr>
<td>6 am - 14:30 pm</td>
<td>&nbsp;</td>
<td><input type="button" name="2" id="boton2" value="Agregar" onClick="incrementar2();"/></td>
<td>&nbsp;</td>
<td><input type="text" name="tx2" id="tx2" value="0"/></td>
<td>&nbsp;</td>
<td><input type="text" name="tx4" id="tx4" value="0"/></td>
</tr>
</table>
<p>
<input type="button" name="3" id="boton3" value="De nuevo" />
</p>
<p>&nbsp; </p>
</form>
</body>
</html>
  #2 (permalink)  
Antiguo 16/05/2012, 08:29
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: Otro botón

el código funciona siempre y cuando tu intención sea incrementar en 1 el valor de cualquiera de los control

puedes compactar ambas funciones en esta otra
Cita:
function incrementar(elem){
document.getElementById(elem).value = parseInt(document.getElementById(elem).value,10) + 1;
}

uso

<input type="button" name="1" id="boton1" value="Agregar" onclick="incrementar('tx1');"/>
<input type="button" name="2" id="boton2" value="Agregar" onclick="incrementar('tx2');"/>
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #3 (permalink)  
Antiguo 16/05/2012, 15:40
 
Fecha de Ingreso: noviembre-2004
Ubicación: Medellín
Mensajes: 121
Antigüedad: 19 años, 5 meses
Puntos: 1
Respuesta: Otro botón

Gracias isa, funciona. ¿POr qué le pusiste: ,10?, ¿Tiene que ver con parseint?
  #4 (permalink)  
Antiguo 16/05/2012, 16:46
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: Otro botón

ese es el redix. en este caso estamos usando el 10 por que queremos que el sistema de numeración sea en base 10.

tal y como está, prueba esto
  • escribe en el campo uno de estos dos valores (08 ó 09) y presiona el botón. verás que aumenta en 1 el valor (9 ,10).
  • ahora haz lo mismo, pero sin el redix y verás que no amenta el valor (1, 1)
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}

Etiquetas: textbox, botones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:59.