Foros del Web » Programando para Internet » ASP Clásico »

Borra datos cuando da clic en boton

Estas en el tema de Borra datos cuando da clic en boton en el foro de ASP Clásico en Foros del Web. Hola, tengo 2 botones de radio (positivo y negativo) dentro de un fomulario. Cuando da clic en positivo se activa un boton de enviar (negativo ...
  #1 (permalink)  
Antiguo 25/07/2007, 11:13
 
Fecha de Ingreso: febrero-2007
Mensajes: 139
Antigüedad: 17 años, 4 meses
Puntos: 0
Borra datos cuando da clic en boton

Hola, tengo 2 botones de radio (positivo y negativo) dentro de un fomulario.

Cuando da clic en positivo se activa un boton de enviar (negativo el boton se deshabilita) que al darle clic muestra una serie de casillas de verificacion. El problema es que cuando da clic al boton me borra los valores que el usuario llevaba digitando arriba del formulario.

Como hago para que esto no me suceda.
Tambien como hago para que cuando de clic en un radio (negativo) me oculte las casillas de verificacion.

Muchas gracias al que me pueda ayudar.
  #2 (permalink)  
Antiguo 25/07/2007, 14:27
Avatar de Myakire
Colaborador
 
Fecha de Ingreso: enero-2002
Ubicación: Centro de la república
Mensajes: 8.849
Antigüedad: 22 años, 4 meses
Puntos: 146
Re: Borra datos cuando da clic en boton

Cita:
l problema es que cuando da clic al boton me borra los valores que el usuario llevaba digitando arriba del formulario.
Una de dos: o estas programando en .NET y ese botón tiene el autopostback, o ese botón es un submit y para pintar los cuadros estan recargando la página.

Si es lo segundo tienes dos opciones: Dejar las casillas en div oculto y simplemente mostrarlas o conservar el estado
  #3 (permalink)  
Antiguo 25/07/2007, 16:58
 
Fecha de Ingreso: febrero-2007
Mensajes: 139
Antigüedad: 17 años, 4 meses
Puntos: 0
Re: Borra datos cuando da clic en boton

hola,

de antemano muchas gracias por tu respuesta.

Yo estoy programando en asp.
El boton es un submit y lo que tengo es una tabla donde se llenan varios datos. Cuando da clic cen el radio de +, se habilita un boton que al darle clic muestra unas casillas para chulear, para esto tengo una condicion de que si presionó el boton me muestre las casillas, sino no las muestra, pero el problema es que cuando presiona el boton me borra los datos que la persona ya llevaba digitados, ya que el boton esta en la mitad del formulario.
Todos estos datos los tengo dentro de la tabla.

como hago lo que dices, disculpa es que estoy de aprendiz de asp.

Gracias
  #4 (permalink)  
Antiguo 26/07/2007, 07:19
Avatar de Myakire
Colaborador
 
Fecha de Ingreso: enero-2002
Ubicación: Centro de la república
Mensajes: 8.849
Antigüedad: 22 años, 4 meses
Puntos: 146
Re: Borra datos cuando da clic en boton

ok, ya entendí que cuando presionas el botón te borra los datos capturados, pero como ya te lo decía entonces es por que ese botón es un submit, y puedes hacer dos cosas para solucionarlo: Una que no sea submit y sea un simple button que con javascript muestre una capa oculta conteniendo las casillas de selección, con ello no hay llamada al servidor y no se borrarán los datos; la otra es que conserves el estado de cada control, esto es con algo como esto <input type="text" name="edNombre" value="<%=Request("edNombre")%>">, así al recargarse la página los controles se cargaran con los datos que tenían.

Si no se entiende el por qué pasan las cosas, dificilmente se sabrá cómo solucionarlo.
  #5 (permalink)  
Antiguo 26/07/2007, 07:25
Avatar de JoshMex
Moderador Webhosting
 
Fecha de Ingreso: enero-2006
Mensajes: 4.057
Antigüedad: 18 años, 4 meses
Puntos: 166
Re: Borra datos cuando da clic en boton

Creo que Myakire tiene razón; el problema es cuando haces el submit; con una capa solucionas el inconveniente.
__________________
JoshMex
Desarrollador Plataforma Microsoft / Windows / ASP / ASP.NET / SQL Server
Es inútil hacer cualquier cosa a prueba de tontos, porque los tontos son muy ingeniosos
  #6 (permalink)  
Antiguo 26/07/2007, 17:28
Avatar de Shiryu_Libra
Colaborador
 
Fecha de Ingreso: febrero-2007
Ubicación: Cantando "Screenager" en "Kirafa Kaput"
Mensajes: 3.614
Antigüedad: 17 años, 3 meses
Puntos: 88
Re: Borra datos cuando da clic en boton

mas facil compañeros, por que no nos muestras el codigo donde te da el problema?
__________________
"Eres parte del problema, parte de la solucion o parte del paisaje"
Un Saludo desde Desierto de Altar, Sonora, MX.
Shiryu_libra
  #7 (permalink)  
Antiguo 29/07/2007, 20:10
 
Fecha de Ingreso: febrero-2007
Mensajes: 139
Antigüedad: 17 años, 4 meses
Puntos: 0
Re: Borra datos cuando da clic en boton

Hola a todos,

De antemano muchas gracias por sus respuestas.
Lo del boton en submit, si lo cambio no me funciona, es decir al hacer click no me muestra las casillas, no se que hacer, les enviaría el codigo pero me sale un mensaje de tamaño de caracteres. Me pueden decir donde o como lo puedo adjuntar.

Muchas gracias y ojala me puedan ayudar.
  #8 (permalink)  
Antiguo 29/07/2007, 20:24
 
Fecha de Ingreso: febrero-2007
Mensajes: 139
Antigüedad: 17 años, 4 meses
Puntos: 0
Re: Borra datos cuando da clic en boton

Le quite cositas al codigo para ver si lo pueden ver. El boton, que al presionar me borra lo que se ha escrito arriba es Acciones.

Código HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Ingreso Datos Operario Lavadora</title>
  <script language="JavaScript"> 
   function habilita(){ 
    this.form.acciones.disabled = false; 
   } 
   function deshabilita(){ 
    this.form.acciones.disabled = true; 
   } 
  </script> 
</head>

<body>
<p align="center"><font color="#009933">Ingrese la fecha, ingrese los datos, 
verifique el ingreso y pulse el botón Grabar:</font></p>
<p align="center"><strong><font face="Arial" size="2"><font color="#FF00FF">
Positivo:&nbsp; P</font><font color="#009933"><font color="#FF0000"> </font>-<font color="#FF0000">&nbsp;</font></font><font color="#0000FF">
Negativo: N</font></font></strong></p>
<form name="form1" method="post" action>
  <div align="center"><center>
	<table style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 8pt; font-family: verdana"
  bordercolor="#009933" cellspacing="2" cellpadding="4" align="center" border="1" height="142" width="535">
<tbody>
    <tr>
      <td width="518" height="35" align="center" colspan="5"><font color="#009933"><strong>
		DATOS MANUALES INGRESADOS POR EL OPERARIO DE LAVADORA</strong></font></td>
    </tr>
    <tr align="center">
      <td width="149" height="32" align="center"><div align="left"><p><font face="Arial">
		Fecha</font></td>
      <td nowrap="nowrap" width="357" height="32" align="center" colspan="4"><div
      align="center"><center><p><font face="Arial"><select name="Ano" size="1">
        <option value="2006">2006</option>
        <option value="2007" selected>2007</option>
      </select> <select name="Mes" size="1">
        <option value="1">ENERO</option>
        <option value="2">FEBRERO</option>
        <option value="3">MARZO</option>
      </select> </font><font color="#009333">&nbsp;</font></td>
    </tr>
    <tr align="center">
      <td width="149" height="1" align="center" bgcolor="#99FFCC" rowspan="8"><font color="#008000" size="3">
		Lavadora</font></td>
  </center>
    </tr>
      <center>
    <tr align="center">
      <td width="357" height="32" align="center" colspan="4" bgcolor="#99FFCC"><font
      color="#008040" size="3">Presiones del enjuague</font></td>
    </tr>
    <tr align="center">
      <td width="92" height="32" align="center" valign="middle">&nbsp;</td>
      <td width="75" height="32" align="center" valign="middle"><font face="Arial">
		Directa</font></td>
      <td width="75" height="32" align="center" valign="middle"><font face="Arial">
		Recirculada</font></td>
      <td width="80" height="32" align="center" valign="middle"><div align="center"><center><p><font face="Arial">
		Recuperada</font>
          </div>
        </center></td>
    </tr>
    <tr align="center">
      <td width="92" height="33" align="left">&nbsp;</td>
      <td width="75" height="33" align="center"><font face="Arial"><input type="text"
      name="PDta" size="6"></font></td>
      <td width="75" height="33" align="center"><font face="Arial"><input
      type="text" name="PReci" size="6"></font></td>
      <td width="80" height="33" align="center"><div align="center"><center><p><font face="Arial"><input type="text"
      name="PRecu" size="6"></font></td>
    </tr>
    <tr align="center">
      <td width="357" height="33" align="center" colspan="4" bgcolor="#99FFCC"><font
      color="#008040" size="3">Prueba de Pelusa</font></td>
    </tr>
    <tr align="center">
      <td width="92" height="33" align="left"><div align="center"><center><p>Hora
          </div>
        </center></td>
      <td width="75" height="33" align="center">Izquierdo</td>
      <td width="75" height="33" align="center">Centro</td>
      <td width="80" height="33" align="center">&nbsp;</td>
    </tr>
    <tr align="center">
      <td width="92" height="33" align="left"><div align="center"><p><font
      color="#009333"><select name="HoraB" size="1">
        <option value="00">0</option>
        <option value="01">1</option>
        <option value="02">2</option>
      </select></font></div>
      </td>
      <td width="75" height="33" align="center"><strong><font size="2">P</font><font size="2">
      
        <input type="radio" name="PPIzq"  onclick = "document.getElementById('elBoton').disabled = false;" value="1"></font><font color="#0000FF">N</font><font color="#009933"></font>
        <input type="radio" name="PPIzq"  onclick = "document.getElementById('elBoton').disabled = true;"  value="0" checked></strong></td><td width="75" height="33" align="center"><strong><font size="2">
		P</font><font size="2">
        
        
        <input type="radio" name="PPCen" onclick = "document.getElementById('elBoton').disabled = false;" value="1"><font color="#0000FF">  
		N</font><font color="#009933"></font>
        <input type="radio" name="PPCen" onclick = "document.getElementById('elBoton').disabled = true;"  value="0" checked></font></strong></td> <td width="80" height="33" align="center">&nbsp;</td>
    </tr>
    
    <tr align="center">
      <td width="322" height="33" align="left" colspan="4">
      
      <p align="center"><input type="submit" id="elBoton" name="acciones" value="Acciones Correctivas" disabled="disabled" >
      </td>
    </tr>
<%if request.form("acciones") = "Acciones Correctivas" then%>   
    <tr align="center">
      <td width="149" height="7" align="center" bgcolor="#99FFCC" rowspan="3"><strong><font color="#009933" size="3"><u>
		Acciones&nbsp; Correctivas</u>&nbsp; <u>Prueba de Pelusa Positiva</u></font></strong></td>
      <td width="322" height="33" align="left" colspan="4">
        <font face="Verdana" size="1"><input type="checkbox" name="C1" value="ON">
        Bombeo de tubería de enjuagues.</font>
      </td>
    </tr>
    
    <tr align="center">
      <td width="322" height="33" align="left" colspan="4">
      <font face="Verdana"><input type="checkbox" name="C2" value="ON">
        Aseo a tanques y filtros de enjuagues.</font>
      </td>
    </tr>
    
    <tr align="center">
      <td width="322" height="33" align="left" colspan="4">
      <font face="Verdana"><input type="checkbox" name="C7" value="ON">Otras&nbsp;&nbsp;&nbsp;
      </font><strong><font size="3" color="#009933"><textarea rows="2" name="Observacion" cols="27" id="Accion" onKeyPress="ContChar()"></textarea></font></strong>
      </td>
    </tr>
    <tr align="center">
      <td width="149" height="30" align="center" bgcolor="#99FFCC" rowspan="3"><b>
        <font size="3" color="#009933">Después de hacer&nbsp; anteriores 
		Acciones, repetir prueba.</font></b></td>
      <td width="322" height="33" align="left" colspan="4" bgcolor="#99FFCC">
      <p align="center"><b><font size="3" color="#009933">Repeticion de Prueba 
		de Pelusa</font></b>
      </td>
    </tr>
    
    <tr>
      <td width="92" height="33" align="left"><div align="center"><p>Hora 
          </div>
      </td>
      <td width="75" height="33" align="center">Izquierdo</td>
      <td width="75" height="33" align="center">Centro</td>
      <td width="80" height="33" align="center">Derecho</td>
    </tr>
    <tr>
      <td width="92" height="58" align="left"><div align="center"><p><font
      color="#009333"><select name="HoraB1" size="1">
        <option value="00">0</option>
        <option value="01">1</option>
        <option value="02">2</option>
      </select></font></div>
      </td>
      <td width="75" height="58" align="center"><strong><font size="2">P
      
        <input type="radio" name="PPIzq1" value="1"></font><font color="#0000FF">N</font>
        <input type="radio" name="PPIzq1" value="0" checked></strong></td><td width="75" height="58" align="center"><strong><font size="2">P
        
        <input type="radio" name="PPCen1"  value="1"><font color="#0000FF">N</font>
        <input type="radio" name="PPCen1"  value="0" checked></font></strong></td> <td width="80" height="58" align="center"><font face="Arial"><strong><font size="2">P
        
        <input type="radio" name="PPDer1"  value="1"><font color="#0000FF">N</font>
        <input type="radio" name="PPDer1"  value="0" checked></font></strong></font></td>
    </tr>
<%end if%>   
  </table>
  </center></div><div align="center"><center><p>
	<input type="submit" name="Guardar"
  value="Guardar"> </p>
  </center></div>
</form>
<p align="center">&nbsp;</p>
<%if request.form("Guardar") = "Guardar" then
'codigo
end if%>
</body>
</html> 
  #9 (permalink)  
Antiguo 01/08/2007, 18:02
 
Fecha de Ingreso: febrero-2007
Mensajes: 139
Antigüedad: 17 años, 4 meses
Puntos: 0
Re: Borra datos cuando da clic en boton

Cita:
Iniciado por Shiryu_Libra Ver Mensaje
mas facil compañeros, por que no nos muestras el codigo donde te da el problema?
Aqui te envio el codigo para ver en que me puedes colaborar. Muchas gracias por tu interes y respuesta.

Código HTML:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Pagina nueva 1</title>
</head>

<body>

<form METHOD="post">
	<p><select size="1" name="D1">
	<option value="enero">enero</option>
	<option value="febrero">febrero</option>
	<option value="marzo">marzo</option>
	</select></p>
	<p><input type="text" name="T1" size="8"></p>
	P<input type="radio" name="PPIzq"  onclick = "document.getElementById('elBoton').disabled = false;" value="1">
	N<input type="radio" name="PPIzq"  onclick = "document.getElementById('elBoton').disabled = true;"  value="0" checked><p>&nbsp;
	<input type="submit" id="elBoton" name="acciones" value="Acciones Correctivas" disabled >
	<%if request.form("acciones") = "Acciones Correctivas" then%> 
		<p><input type="checkbox" name="C1" value="ON"></p>
	<%end if%>
</form>

</body>
</html>

  #10 (permalink)  
Antiguo 01/08/2007, 23:00
Avatar de Shiryu_Libra
Colaborador
 
Fecha de Ingreso: febrero-2007
Ubicación: Cantando "Screenager" en "Kirafa Kaput"
Mensajes: 3.614
Antigüedad: 17 años, 3 meses
Puntos: 88
Re: Borra datos cuando da clic en boton

en el segundo cuadro donde tienes todo el formulario completo, el sensei Myakire efectivamente te dice que esta el input en type=submit, creo que en ese sentido deberias cambiarlo como button y asignarle una funcion en el evento onclick del mismo

ademas, cuando se activa el boton de acciones correctivas, y le presionas click, si se mostraran las demas casillas y logicamente se borrara el contenido de la parte superior ya que al enviar el formulario y volverse a cargar la pagina esta pierde los datos anteriormente escritos, una posibilidad seria:
primero efectuar lo que sensei myakire menciono anteriormente,

cambiar esto:

Cita:
<p align="center"><input type="submit" id="elBoton" name="acciones" value="Acciones Correctivas" disabled="disabled" >
por esto otro

Cita:
<p align="center"><input type="button" id="elBoton" name="acciones" value="Acciones Correctivas" disabled="disabled" onclick="Switch(correciones)" >
y en ves de utilizar el ASP, cambiarlo a JAVASCRIPT, en un DIV oculto, el cual funcionaria de la siguiente manera:

al cambiar P o N en cualquiera de los casos antes del boton acciones correctivas, llamarias la funcion "Switch()" en el evento onclic, el cual mostraria las opciones extras que estas tratando de usar, y quedaria el pedazo de codigo de la siguiente forma:

la parte del IF.... END IF
Eliminarias esto:
Cita:
<%if request.form("acciones") = "Acciones Correctivas" then%>
por
</table>
<div id="correciones">
<table>
y en el cierre del END IF
eliminando <%end if%> y sustituyendolo por </table></div>

y el evento "correciones()", el script seria algo similar al este
Cita:

<script>
var capa
var antes
function Switch(idCapa){
if (document.all) capa = eval(idCapa + ".style");
if (document.getElementById) capa = eval('document.getElementById("' + idCapa + '").style');
if ((capa.visibility == "hidden") || (capa.visibility == "hide"))
{capa.visibility="visible" ;
capa.display="";
}
else
{
capa.visibility="hidden";
capa.display="none";}
if (antes==null)
{antes=capa;}
else
{if (antes!=capa){antes.visibility="hidden" ; antes.display="none"; antes=capa;}
}
}
</script>



espero sea de utilidad, y en caso de que no quieras que miren tu codigo de correcciones, tambien existe la posibilidad de utilizar AJAX, donde el procedimiento seria similar

suerte
__________________
"Eres parte del problema, parte de la solucion o parte del paisaje"
Un Saludo desde Desierto de Altar, Sonora, MX.
Shiryu_libra
  #11 (permalink)  
Antiguo 08/08/2007, 19:32
 
Fecha de Ingreso: febrero-2007
Mensajes: 139
Antigüedad: 17 años, 4 meses
Puntos: 0
Re: Borra datos cuando da clic en boton

Hola, como estas, muchas gracias por tu respuesta. Aunque hice lo que me escribiste, no me borra los datos cuando doy clic, la casilla de verificacion no esta oculta, como hago para que se mantenga oculta y que cuando de clic en acciones se muestre pero sin borrar los datos escritos antes.
Te envio el codigo corto (el ultimo que envié en el anterior mensaje, es mas facil de entender) con las modificaciones, para ver si me puedes ayudar.
Código HTML:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Pagina nueva 1</title>
<script>
var capa
var antes
function Switch(idCapa){
if (document.all) capa = eval(idCapa + ".style");
if (document.getElementById) capa = eval('document.getElementById("' + idCapa + '").style');
if ((capa.visibility == "hidden") || (capa.visibility == "hide"))
{capa.visibility="visible" ;
capa.display="";
}
else
{
capa.visibility="hidden";
capa.display="none";}
if (antes==null)
{antes=capa;}
else
{if (antes!=capa){antes.visibility="hidden" ; antes.display="none"; antes=capa;}
}
}
</script>
</head>
<body>
<form METHOD="post">
	<table border="1" width="21%" id="table1">
		<tr>
			<td width="15%">Mes</td>
				<td width="47%"><select size="1" name="D1">
					<option value="enero">enero</option>
					<option value="febrero">febrero</option>
					<option value="marzo">marzo</option>
					</select></td>
				</tr>
			<tr>
			<td width="15%">Texto</td>
			<td width="47%"><input type="text" name="T1" size="8"></td>
		</tr>
		<tr>
			<td width="15%">P<input type="radio" name="PPIzq"  onclick = "document.getElementById('elBoton').disabled = false;" value="1">
			</td>
			<td width="47%">N<input type="radio" name="PPIzq"  onclick = "document.getElementById('elBoton').disabled = true;"  value="0" checked></td>
		</tr>
		<tr>
			<td colspan="2">
			<input type="button" id="elBoton" name="acciones" value="Acciones Correctivas" disabled onclick="Switch(correciones)" ></td>
		</tr>
		<tr>
			</table>
			<div id="correciones">
			<table >
				<td width="47%"><input type="checkbox" name="C1" value="ON"></td>
			</table></div>
		</tr>
	</table>
</form>

</body>
</html> 
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 17:52.