actualizar un tag div
Publicado por Vanessa (1 intervención) el 19/02/2014 18:38:36
Hola, tengo mi archivo JSP con dos tablas de una base de datos y quiero agregar registros de una tabla a otra, el problema es q cuando quiero agregar más registros se me actualiza la pagina completa y pierdo lo q ya tenia agregado en la otra tabla
lo que quiero evitar es q la pagina se actualice para evitar eso...
Este es mi código
<%@page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@page import="org.banxico.da.ecpcs.dao.CtahabienteDAO"%>
<%@page import="org.banxico.da.ecpcs.model.Ctahabiente"%>
<%@page import="org.banxico.da.ecpcs.model.Directorio"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<title>Confirmación de Saldos</title>
<!-- css -->
<link rel="stylesheet" type="text/css" href="/ECPCS_2.0/css/principal.css"/>
<link rel="stylesheet" type="text/css" href="/ECPCS_2.0/css/jquery-ui/jquery-ui-1.8.16.custom.css"/>
<!-- js -->
<script type="text/javascript" src="/ECPCS_2.0/js/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/ECPCS_2.0/js/jquery/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="/ECPCS_2.0/js/jquery/jquery.validate.min.js"></script>
<script type="text/javascript" src="/ECPCS_2.0/js/funciones.js"></script>
<!-- ------------------------------------------------------------------------------------------------------------------------ -->
<script>
function showUser(str) {
if (str == "") {
document.getElementById("txtHint").innerHTML = "";
return;
}
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", "getuser.php?q=" + str, true);
xmlhttp.send();
}
</script>
<!-- ------------------------------------------------------------------------------------------------------------------------ -->
</head>
<body>
<form name="formData" id="formData" action='/ECPCS_2.0/directorioDuplicidad' method="POST">
<%
HttpSession sesion = request.getSession(true);
//String idEmpleado =(( (String) sesion.getAttribute("org.banxico.ds.saabm.fs.user")).split("@"))[0];
//String empleado = (String) request.getAttribute("a_idEmpleado");
//INCIA CONTROL DE ACCESO
Util.obtenRol(sesion);
if(!(Util.buscaRol("A",sesion)) && !(Util.buscaRol("U",sesion))){
%>
<script> redirect('../mensaje.jsp');</script>
<%
}
//TERMINA CONTROL DE ACCESO
String accion = "consultarCta";
Ctahabiente ctahabiente = null;
Iterator<Ctahabiente> itCtahabiente = null;
Iterator<Directorio> itDirectorio = null;
Iterator<Directorio> itDuplicidad = null;
Directorio directorio = new Directorio();
List<Directorio> listaDirectorio = null;
///
////
if(request.getAttribute("a_accion") != null){
accion=(String)request.getAttribute("a_accion");
}
if (request.getAttribute("a_ctahabiente") != null) {
ctahabiente = (Ctahabiente) request.getAttribute("a_ctahabiente");
}
if(request.getAttribute("a_directorio") != null){
listaDirectorio = (List<Directorio>)request.getAttribute("a_directorio");
}
%>
<div id="wrapper_index">
<%@include file="../cabecera.jsp" %>
<div id="content">
<div id="contentIzquierdo">
<%@include file="../menu.jsp" %>
</div> <!-- id contentIzquierdo-->
<div id="contentDerecho">
<!-- inicia seccion de consulta de saldos-->
<div class="contenedorCatalogo">
<p class="tituloPanelIzq">DIRECTORIO ESPECIAL</p>
<div class="catalogo" id="a_divSelect">
<div class="tituloPanel">Catálogo de Cuentahabientes</div>
<div>
<select class="selectSmall" id="a_selectHabiente" name="a_selectHabiente" style="margin-bottom: 5px; width: 325px;">
<option value="">Seleccione un Cuentahabiente</option>
<%
for (Ctahabiente habiente : CtahabienteDAO.getCtahabientes()) {
if (ctahabiente != null && habiente.getIdCtahabiente().equalsIgnoreCase(ctahabiente.getIdCtahabiente())) {
%>
<option selected="selected" value="<%=ctahabiente.getIdCtahabiente()%>">
<%=ctahabiente.getIdCtahabiente() + " - " + ctahabiente.getDesCtahabiente()%></option>
<%
} else {
%>
<option value="<%=habiente.getIdCtahabiente()%>">
<%=habiente.getIdCtahabiente() + " - " + habiente.getDesCtahabiente()%></option>
<%
}
}
%>
</select>
</div>
<div id="a_listDivCta">
<%
if (accion.equals("consultarCta") && listaDirectorio!= null) {
%>
<%
ctahabiente = null;
ctahabiente =(Ctahabiente)request.getAttribute("a_ctahabiente");
%>
<table id="tableDir" class="tableDirectorio" style="text-align: left;">
<tr>
<th width="5px"></th>
<!-- <th width="5px">ID dir</th> -->
<th width="12px">Núm. Cta</th>
<th width="40px">Nombre Completo</th>
<th width="25px">Cargo</th>
</tr>
<%
if(listaDirectorio.size()>0){
itDirectorio = listaDirectorio.iterator();
boolean renglon=true; // renglon par
while(itDirectorio.hasNext()){
directorio = (Directorio) itDirectorio.next();
if(renglon){
%>
<tr>
<td style="background-color: #fff; text-align: center;"><input type="checkbox" id="a_checkCta" name="a_checkCta" value="<%=directorio.getIdDirectorio()%>" /></td>
<td style="background-color: #fff; text-align: center;"><%=directorio.getIdCtahabiente()!= null? directorio.getIdCtahabiente():""%></td><!--cargo del personal de la inst-->
<td style="background-color: #fff;"><%=directorio.getNombreCompleto()!= null? directorio.getNombreCompleto(): ""%></td><!--nombre del personal de la inst-->
<td style="background-color: #fff;"><%=directorio.getCargo()!= null? directorio.getCargo():""%></td><!--cargo del personal de la inst-->
</tr>
<%
renglon=false;
}else{
%>
<tr>
<td style="text-align: center;"><input type="checkbox" id="a_checkCta" name="a_checkCta" value="<%=directorio.getIdDirectorio()%>" /></td>
<td style="text-align: center;"><%=directorio.getIdCtahabiente()!= null? directorio.getIdCtahabiente():""%></td><!--cargo del personal de la inst-->
<td><%=directorio.getNombreCompleto()!= null? directorio.getNombreCompleto(): ""%></td><!--nombre del personal de la inst-->
<td><%=directorio.getCargo()!= null? directorio.getCargo():""%></td><!--cargo del personal de la inst-->
</tr>
<%
renglon=true;
}//fin del renglon
}//fin de while que recorre la lista de directorio
%>
</table>
<%
}//fin de if(listaDirectorio.size()>0)
%>
<%
}
%>
</div>
</div>
<div class="botonesAcciones">
<input type="button" class="boton" id="addCta" onclick="enviaAccion('addCtahabiente')" value="Agregar >>"/>
<input type="button" class="boton" id="removeCta" value="<< Quitar"/>
<input style="margin-top: 100px;" type="button" class="boton" id="sendMail" value="Enviar Correo"/>
</div>
<div class="catalogo" id="a_divAddCta">
<div class="tituloPanel">Agregar Cuentahabientes</div>
<%
List<Directorio> listaDuplicidad = (List<Directorio>)request.getAttribute("a_duplicidad");
if (accion.equals("addCtahabiente") && listaDuplicidad != null) {
%>
<table id="tableDir" class="tableDirectorio" style="text-align: left;">
<tr>
<th width="1px"></th>
<th style="text-align: center;" width="12px">Principal</th>
<th style="text-align: center;" width="10px">Núm. Cta</th>
<th width="40px">Nombre Completo</th>
<th width="25px">Cargo</th>
</tr>
<%
if(listaDuplicidad.size()>0){
itDuplicidad = listaDuplicidad.iterator();
boolean renglon=true; // renglon par
while(itDuplicidad.hasNext()){
directorio = (Directorio) itDuplicidad.next();
if(renglon){
%>
<tr>
<td style="background-color: #fff; text-align: center;"><input type="checkbox" id="a_checkCta" name="a_checkCta" value="<%=directorio.getIdDirectorio()%>" /></td>
<td style="background-color: #fff; text-align: center;"><input type="radio" id="a_radioCta" name="a_radioCta" value="<%=directorio.getIdDirectorio()%>" /></td>
<td style="background-color: #fff; text-align: center;"><%=directorio.getIdCtahabiente()!= null? directorio.getIdCtahabiente():""%></td><!--cargo del personal de la inst-->
<td style="background-color: #fff;"><%=directorio.getNombreCompleto()!= null? directorio.getNombreCompleto(): ""%></td><!--nombre del personal de la inst-->
<td style="background-color: #fff;"><%=directorio.getCargo()!= null? directorio.getCargo():""%></td><!--cargo del personal de la inst-->
</tr>
<%
renglon=false;
}else{
%>
<tr>
<td style="text-align: center;"><input type="checkbox" id="a_checkCta" name="a_checkCta" value="<%=directorio.getIdDirectorio()%>" /></td>
<td style="text-align: center;"><input type="radio" id="a_radioCta" name="a_radioCta" value="<%=directorio.getIdDirectorio()%>" /></td>
<td style="text-align: center;"><%=directorio.getIdCtahabiente()!= null? directorio.getIdCtahabiente():""%></td><!--cargo del personal de la inst-->
<td><%=directorio.getNombreCompleto()!= null? directorio.getNombreCompleto(): ""%></td><!--nombre del personal de la inst-->
<td><%=directorio.getCargo()!= null? directorio.getCargo():""%></td><!--cargo del personal de la inst-->
</tr>
<%
renglon=true;
}//fin del renglon
}//fin de while que recorre la lista de directorio
%>
</table>
<%
}//fin de if(listaDirectorio.size()>0)
%>
<%
}
%>
</div>
<!-- class contentConsultar-->
<input type="hidden" id="a_accion" name="a_accion" value="<%=accion%>" />
</div>
<!-- class contenedorCatalogo-->
</div><!-- id contentDerecho-->
</div> <!-- id content-->
<div id="dialog_bpm">
</div><!-- div para el mensajes de aviso -->
</div><!-- id wrapper_index-->
</form>
</body>
</html>
lo que quiero evitar es q la pagina se actualice para evitar eso...
Este es mi código
<%@page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@page import="org.banxico.da.ecpcs.dao.CtahabienteDAO"%>
<%@page import="org.banxico.da.ecpcs.model.Ctahabiente"%>
<%@page import="org.banxico.da.ecpcs.model.Directorio"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<title>Confirmación de Saldos</title>
<!-- css -->
<link rel="stylesheet" type="text/css" href="/ECPCS_2.0/css/principal.css"/>
<link rel="stylesheet" type="text/css" href="/ECPCS_2.0/css/jquery-ui/jquery-ui-1.8.16.custom.css"/>
<!-- js -->
<script type="text/javascript" src="/ECPCS_2.0/js/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/ECPCS_2.0/js/jquery/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="/ECPCS_2.0/js/jquery/jquery.validate.min.js"></script>
<script type="text/javascript" src="/ECPCS_2.0/js/funciones.js"></script>
<!-- ------------------------------------------------------------------------------------------------------------------------ -->
<script>
function showUser(str) {
if (str == "") {
document.getElementById("txtHint").innerHTML = "";
return;
}
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", "getuser.php?q=" + str, true);
xmlhttp.send();
}
</script>
<!-- ------------------------------------------------------------------------------------------------------------------------ -->
</head>
<body>
<form name="formData" id="formData" action='/ECPCS_2.0/directorioDuplicidad' method="POST">
<%
HttpSession sesion = request.getSession(true);
//String idEmpleado =(( (String) sesion.getAttribute("org.banxico.ds.saabm.fs.user")).split("@"))[0];
//String empleado = (String) request.getAttribute("a_idEmpleado");
//INCIA CONTROL DE ACCESO
Util.obtenRol(sesion);
if(!(Util.buscaRol("A",sesion)) && !(Util.buscaRol("U",sesion))){
%>
<script> redirect('../mensaje.jsp');</script>
<%
}
//TERMINA CONTROL DE ACCESO
String accion = "consultarCta";
Ctahabiente ctahabiente = null;
Iterator<Ctahabiente> itCtahabiente = null;
Iterator<Directorio> itDirectorio = null;
Iterator<Directorio> itDuplicidad = null;
Directorio directorio = new Directorio();
List<Directorio> listaDirectorio = null;
///
////
if(request.getAttribute("a_accion") != null){
accion=(String)request.getAttribute("a_accion");
}
if (request.getAttribute("a_ctahabiente") != null) {
ctahabiente = (Ctahabiente) request.getAttribute("a_ctahabiente");
}
if(request.getAttribute("a_directorio") != null){
listaDirectorio = (List<Directorio>)request.getAttribute("a_directorio");
}
%>
<div id="wrapper_index">
<%@include file="../cabecera.jsp" %>
<div id="content">
<div id="contentIzquierdo">
<%@include file="../menu.jsp" %>
</div> <!-- id contentIzquierdo-->
<div id="contentDerecho">
<!-- inicia seccion de consulta de saldos-->
<div class="contenedorCatalogo">
<p class="tituloPanelIzq">DIRECTORIO ESPECIAL</p>
<div class="catalogo" id="a_divSelect">
<div class="tituloPanel">Catálogo de Cuentahabientes</div>
<div>
<select class="selectSmall" id="a_selectHabiente" name="a_selectHabiente" style="margin-bottom: 5px; width: 325px;">
<option value="">Seleccione un Cuentahabiente</option>
<%
for (Ctahabiente habiente : CtahabienteDAO.getCtahabientes()) {
if (ctahabiente != null && habiente.getIdCtahabiente().equalsIgnoreCase(ctahabiente.getIdCtahabiente())) {
%>
<option selected="selected" value="<%=ctahabiente.getIdCtahabiente()%>">
<%=ctahabiente.getIdCtahabiente() + " - " + ctahabiente.getDesCtahabiente()%></option>
<%
} else {
%>
<option value="<%=habiente.getIdCtahabiente()%>">
<%=habiente.getIdCtahabiente() + " - " + habiente.getDesCtahabiente()%></option>
<%
}
}
%>
</select>
</div>
<div id="a_listDivCta">
<%
if (accion.equals("consultarCta") && listaDirectorio!= null) {
%>
<%
ctahabiente = null;
ctahabiente =(Ctahabiente)request.getAttribute("a_ctahabiente");
%>
<table id="tableDir" class="tableDirectorio" style="text-align: left;">
<tr>
<th width="5px"></th>
<!-- <th width="5px">ID dir</th> -->
<th width="12px">Núm. Cta</th>
<th width="40px">Nombre Completo</th>
<th width="25px">Cargo</th>
</tr>
<%
if(listaDirectorio.size()>0){
itDirectorio = listaDirectorio.iterator();
boolean renglon=true; // renglon par
while(itDirectorio.hasNext()){
directorio = (Directorio) itDirectorio.next();
if(renglon){
%>
<tr>
<td style="background-color: #fff; text-align: center;"><input type="checkbox" id="a_checkCta" name="a_checkCta" value="<%=directorio.getIdDirectorio()%>" /></td>
<td style="background-color: #fff; text-align: center;"><%=directorio.getIdCtahabiente()!= null? directorio.getIdCtahabiente():""%></td><!--cargo del personal de la inst-->
<td style="background-color: #fff;"><%=directorio.getNombreCompleto()!= null? directorio.getNombreCompleto(): ""%></td><!--nombre del personal de la inst-->
<td style="background-color: #fff;"><%=directorio.getCargo()!= null? directorio.getCargo():""%></td><!--cargo del personal de la inst-->
</tr>
<%
renglon=false;
}else{
%>
<tr>
<td style="text-align: center;"><input type="checkbox" id="a_checkCta" name="a_checkCta" value="<%=directorio.getIdDirectorio()%>" /></td>
<td style="text-align: center;"><%=directorio.getIdCtahabiente()!= null? directorio.getIdCtahabiente():""%></td><!--cargo del personal de la inst-->
<td><%=directorio.getNombreCompleto()!= null? directorio.getNombreCompleto(): ""%></td><!--nombre del personal de la inst-->
<td><%=directorio.getCargo()!= null? directorio.getCargo():""%></td><!--cargo del personal de la inst-->
</tr>
<%
renglon=true;
}//fin del renglon
}//fin de while que recorre la lista de directorio
%>
</table>
<%
}//fin de if(listaDirectorio.size()>0)
%>
<%
}
%>
</div>
</div>
<div class="botonesAcciones">
<input type="button" class="boton" id="addCta" onclick="enviaAccion('addCtahabiente')" value="Agregar >>"/>
<input type="button" class="boton" id="removeCta" value="<< Quitar"/>
<input style="margin-top: 100px;" type="button" class="boton" id="sendMail" value="Enviar Correo"/>
</div>
<div class="catalogo" id="a_divAddCta">
<div class="tituloPanel">Agregar Cuentahabientes</div>
<%
List<Directorio> listaDuplicidad = (List<Directorio>)request.getAttribute("a_duplicidad");
if (accion.equals("addCtahabiente") && listaDuplicidad != null) {
%>
<table id="tableDir" class="tableDirectorio" style="text-align: left;">
<tr>
<th width="1px"></th>
<th style="text-align: center;" width="12px">Principal</th>
<th style="text-align: center;" width="10px">Núm. Cta</th>
<th width="40px">Nombre Completo</th>
<th width="25px">Cargo</th>
</tr>
<%
if(listaDuplicidad.size()>0){
itDuplicidad = listaDuplicidad.iterator();
boolean renglon=true; // renglon par
while(itDuplicidad.hasNext()){
directorio = (Directorio) itDuplicidad.next();
if(renglon){
%>
<tr>
<td style="background-color: #fff; text-align: center;"><input type="checkbox" id="a_checkCta" name="a_checkCta" value="<%=directorio.getIdDirectorio()%>" /></td>
<td style="background-color: #fff; text-align: center;"><input type="radio" id="a_radioCta" name="a_radioCta" value="<%=directorio.getIdDirectorio()%>" /></td>
<td style="background-color: #fff; text-align: center;"><%=directorio.getIdCtahabiente()!= null? directorio.getIdCtahabiente():""%></td><!--cargo del personal de la inst-->
<td style="background-color: #fff;"><%=directorio.getNombreCompleto()!= null? directorio.getNombreCompleto(): ""%></td><!--nombre del personal de la inst-->
<td style="background-color: #fff;"><%=directorio.getCargo()!= null? directorio.getCargo():""%></td><!--cargo del personal de la inst-->
</tr>
<%
renglon=false;
}else{
%>
<tr>
<td style="text-align: center;"><input type="checkbox" id="a_checkCta" name="a_checkCta" value="<%=directorio.getIdDirectorio()%>" /></td>
<td style="text-align: center;"><input type="radio" id="a_radioCta" name="a_radioCta" value="<%=directorio.getIdDirectorio()%>" /></td>
<td style="text-align: center;"><%=directorio.getIdCtahabiente()!= null? directorio.getIdCtahabiente():""%></td><!--cargo del personal de la inst-->
<td><%=directorio.getNombreCompleto()!= null? directorio.getNombreCompleto(): ""%></td><!--nombre del personal de la inst-->
<td><%=directorio.getCargo()!= null? directorio.getCargo():""%></td><!--cargo del personal de la inst-->
</tr>
<%
renglon=true;
}//fin del renglon
}//fin de while que recorre la lista de directorio
%>
</table>
<%
}//fin de if(listaDirectorio.size()>0)
%>
<%
}
%>
</div>
<!-- class contentConsultar-->
<input type="hidden" id="a_accion" name="a_accion" value="<%=accion%>" />
</div>
<!-- class contenedorCatalogo-->
</div><!-- id contentDerecho-->
</div> <!-- id content-->
<div id="dialog_bpm">
</div><!-- div para el mensajes de aviso -->
</div><!-- id wrapper_index-->
</form>
</body>
</html>
Valora esta pregunta
0