Estimados compañeros tengo un archivo para cargar mi paginacion de datos, el cual se detalla a continuacion:
ajax.js
function objetoAjax(){
var xmlhttp=false;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function Pagina(nropagina){
//donde se mostrará los registros
divContenido = document.getElementById('contenido');
ajax=objetoAjax();
//uso del medoto GET
//indicamos el archivo que realizará el proceso de paginar
//junto con un valor que representa el nro de pagina
ajax.open("GET", "paginador.php?pag="+nropagina);
divContenido.innerHTML= '<center> <img src="imagenes/anim.gif"> </center>';
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
//mostrar resultados en esta capa
divContenido.innerHTML = ajax.responseText
}
}
//como hacemos uso del metodo GET
//colocamos null ya que enviamos
//el valor por la url ?pag=nropagina
ajax.send(null)
}
luego mi archivo paginador.php
<?php
require_once('librerias/control_sesion.php');
//require_once ('constantes.php');
include ('conn.php');
//require('conexion.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
</head>
<body>
<center>
<table id="tabla" cellspacing="0" summary="The technical specifications of the Apple PowerMac G5 series">
<caption>CORRESPONDENCIA </caption>
<tr>
<th>Rev.</th>
<th>Nro. Cite</th>
<th>F_Ingreso</th>
<th>C_Respuesta</th>
<th>F_Respuesta</th>
<th>Codigo de Cite</th>
<th>Remitente</th>
<th>Empresa</th>
<th>Desc. Corres</th>
<th>Plazo</th>
<th>Vencimiento</th>
</tr>
<tbody>
<?php
$RegistrosAMostrar=20;
//estos valores los recibo por GET
if(isset($_GET['pag'])){
$RegistrosAEmpezar=($_GET['pag']-1)*$RegistrosAMostrar;
$PagAct=$_GET['pag'];
//caso contrario los iniciamos
}
else
{
$RegistrosAEmpezar=0;
$PagAct=1;
}
//La consulta para la paginación
$sql=mysql_query("SELECT n_nro_cite AS nrocite,d_fecha_ing AS ingreso,c_cod_resp ,d_fecha_resp,c_cod_cite,
(SELECT c_nombres FROM ta_remitente WHERE ta_remitente.n_cod_rem =ta_carta.n_cod_rem)AS remitente,(SELECT c_desc_empresa FROM ta_empresa WHERE ta_empresa.n_cod_empresa = ta_carta.n_cod_empresa)AS empresa,
c_plazo_cumplido AS plazo,d_fecha_venc AS vencimiento
FROM ta_carta
WHERE n_eliminado=0 ORDER BY n_nro_cite LIMIT $RegistrosAEmpezar, $RegistrosAMostrar",$conn);
$nNumFila = 0;
while($Fila = mysql_fetch_array($sql))
{
$nNumFila += 1;
?>
<tr>
<td> <input id="miCheck" type="checkbox" name="miCheck" onclick="colorear(this)"></td>
<td><?php echo $Fila['nrocite']; ?></td>
<td> <?php echo $Fila['ingreso']; ?> </td>
<td> <?php echo $Fila['c_cod_resp']; ?> </td>
<td><?php echo $Fila['d_fecha_resp']; ?></td>
<td><?php echo $Fila['c_cod_cite']; ?></td>
<td><?php echo $Fila['remitente']; ?></td>
<td><?php echo $Fila['empresa']; ?></td>
<td><center><a>Ver</a></center></td>
<td><?php echo $Fila['plazo']; ?></td>
<td><?php echo $Fila['vencimiento']; ?></td>
</tr>
<?php
}
?>
</tbody>
</table>
</center>
<?php
//******--------determinar las páginas---------******//
$NroRegistros=mysql_num_rows(mysql_query("SELECT n_nro_cite AS nrocite,d_fecha_ing AS ingreso,c_cod_resp ,d_fecha_resp,c_cod_cite,
(SELECT c_nombres FROM ta_remitente WHERE ta_remitente.n_cod_rem =ta_carta.n_cod_rem)AS nombre,(SELECT c_desc_empresa FROM ta_empresa WHERE ta_empresa.n_cod_empresa = ta_carta.n_cod_empresa)AS empresa,
(SELECT c_direccion FROM ta_empresa WHERE ta_empresa.n_cod_empresa = ta_carta.n_cod_empresa)AS direccion,(SELECT c_telefonos FROM ta_empresa WHERE ta_empresa.n_cod_empresa = ta_carta.n_cod_empresa)AS telefono,
(SELECT (SELECT c_desc_tip_emp FROM ta_tipo_empresa WHERE ta_tipo_empresa.n_cod_tipo_emp=ta_empresa.n_cod_ti po_emp) FROM ta_empresa WHERE ta_empresa.n_cod_empresa = ta_carta.n_cod_empresa)AS tipo,
c_asunto AS asunto,(SELECT ta_tipo_corres.c_desc FROM ta_tipo_corres WHERE ta_tipo_corres.n_tipo_corr=ta_carta.n_tipo_corr1)A S tipo1,n_cantidad1 AS can1,(SELECT ta_tipo_corres.c_desc FROM ta_tipo_corres WHERE ta_tipo_corres.n_tipo_corr=ta_carta.n_tipo_corr2)A S tipo2,n_cantidad2 AS can2,(SELECT ta_tipo_corres.c_desc FROM ta_tipo_corres WHERE ta_tipo_corres.n_tipo_corr=ta_carta.n_tipo_corr3)A S tipo3,n_cantidad2
AS can3,c_desc_corr AS descripcion,c_aquien_entrego AS quien,c_plazo_cumplido AS plazo,d_fecha_venc AS vencimiento
FROM ta_carta
WHERE n_eliminado=0 ORDER BY n_nro_cite",$conn));
$PagAnt=$PagAct-1;
$PagSig=$PagAct+1;
$PagUlt=$NroRegistros/$RegistrosAMostrar;
//verificamos residuo para ver si llevará decimales
$Res=$NroRegistros%$RegistrosAMostrar;
// si hay residuo usamos funcion floor para que me
// devuelva la parte entera, SIN REDONDEAR, y le sumamos
// una unidad para obtener la ultima pagina
if($Res>0) $PagUlt=floor($PagUlt)+1;
//desplazamiento
echo "<center>";
echo "<a onclick=\"Pagina('1')\">Primero</a> ";
if($PagAct>1) echo "<a onclick=\"Pagina('$PagAnt')\">Anterior</a> ";
echo "<strong>Pagina ".$PagAct."/".$PagUlt."</strong>";
if($PagAct<$PagUlt) echo " <a onclick=\"Pagina('$PagSig')\">Siguiente</a> ";
echo "<a onclick=\"Pagina('$PagUlt')\">Ultimo</a>";
echo "</center>";
?>
</body>
</html>
Finalmente mi archivo de donde llamo a paginador:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
<!--
Created by Artisteer v3.0.0.32906
Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>SICOEP </title>
<link rel="stylesheet" href="css/estilo_zebra3.css" type="text/css" media="screen" />
</head>
<body>
<?php
require_once('librerias/control_sesion.php');
//require_once ('constantes.php');
include ('conn.php');
?>
<div id="contenido">
<?php require_once('paginador.php'); ?>
</ div>
</body>
</html>
<!--
El problema es que solo una vez coge los valores de mi tabla con el estilo css.
El archivo css utilizado es el siguiente(estilo_zebra3.css):
#zebra tr:even td{
background-color: #FFF;
}
#zebra tr:odd td{
background-color: #DEECF9;
}
#zebra th
{
background-color: #118EBC;
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
background: #CAE8EA url(imagenes/bg_header.jpg) no-repeat;
}
El cual lo coge la primera vez, luego no agarra el css de la tabla???
Como puedo solucionar este problema, debido a que soy inexperto en ajax.
Saludos y gracias por su ayuda