JQuery - Como puedo paginar esto;

   
Vista:

Como puedo paginar esto;

Publicado por Angel (2 intervenciones) el 16/06/2015 19:43:19
Hola, tengo este codigo y no encuentra lamanera de paginarlo, podrian darme una ayuda????

<?php
// Constantes conexión con la base de datos
define("server", '10.14.6.64');
define("user", 'user_mant_dist');
define("pass", 'mant_dist_user');
define("mainDataBase", 'mant_dist');

// Variable que indica el status de la conexión a la base de datos
$errorDbConexion = false;


// Función para extraer el listado de usurios
function consultaUsers($linkDB){

$salida = '';

$consulta = $linkDB -> query("SELECT id_cs,Codigo_CS,Nombre_CS,Codigo_ES
FROM centro_de_servicio ORDER BY Codigo_ES ASC");



//$total_registros = $consulta -> num_rows;
//echo $total_registros;

if($consulta -> num_rows != 0){

// convertimos el objeto
while($listadoOK = $consulta -> fetch_assoc())
{
$salida .= '
<tr>
<td>'.$listadoOK['Codigo_CS'].'</td>
<td>'.$listadoOK['Nombre_CS'].'</td>
<td>'.$listadoOK['Codigo_ES'].'</td>
<td class="centerTXT"><a class="btn btn-mini" href="'.$listadoOK['id_cs'].'">Editar</a></td>
</tr>
';
}
}
else{
$salida = '
<tr id="sinDatos">
<td colspan="5" class="centerTXT">NO HAY REGISTROS EN LA BASE DE DATOS</td>
</tr>
';
}

return $salida;

}


// Verificar constantes para conexión al servidor
if(defined('server') && defined('user') && defined('pass') && defined('mainDataBase'))
{
// Conexión con la base de datos

$mysqli = new mysqli(server, user, pass, mainDataBase);

// Verificamos si hay error al conectar
if (mysqli_connect_error()) {
$errorDbConexion = true;
}

// Evitando problemas con acentos
$mysqli -> query('SET NAMES "utf8"');
}
?>

<?php
include('../php/conexion.php');
if(isset($_SESSION['Codigo_US'])==false or isset($_SESSION['Codigo_AR'])==false){
header('Location: index.php');
}else{
if($_SESSION['Codigo_AR'] == 'Usuario'){
header('Location: principal.php');
}else{
$nombre = mysql_query("SELECT * FROM usuarios WHERE Codigo_US = '".$_SESSION['Codigo_US']."'");
$nombre2 = mysql_fetch_array($nombre);
}
}
?>
<?php
// Omitir errores
ini_set("display_errors", false);


// Incluimos nustro script php de funciones y conexión a la base de datos
include('../php/FunctionsCS.php');

if($errorDbConexion == false){
// MAnda a llamar la función para mostrar la lista de usuarios
$consultaUsuarios = consultaUsers($mysqli);
}
else
{
// Regresa error en la base de datos
$consultaUsuarios = '
<tr id="sinDatos">
<td colspan="5" class="centerTXT">ERROR AL CONECTAR CON LA BASE DE DATOS</td>
</tr>
';
}
?>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="author" content="Angel Humberto Echeverría Bermúdez"/>
<title>CENTRO DE SERVICIOS</title>
<link rel="stylesheet" type="text/css" href="../css/hoja.css"/>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/blitzer/jquery-ui.css"/>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<!-- <link rel="stylesheet" href="/resources/demos/style.css"/> -->
<script type="text/javascript" src="../js/jquery-validation-1.10.0/dist/jquery.validate.min.js"></script>
<script type="text/javascript" src="../js/jquery-validation-1.10.0/lib/jquery.metadata.js"></script>
<script type="text/javascript" src="../js/jquery-validation-1.10.0/localization/messages_es.js"></script>
<link type="text/css" href="../css/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<script src="../js/myjava.js"></script>
<style>
label, input { display:block; }
input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }
h1 { font-size: 1.2em; margin: .6em 0; }
div#users-contain { width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }
</style>
</head>
<body>
<div class="contenedor"> <!-- Inicio contenedor de toda la pagina -->
<div class="cuerpo"> <!-- Inicio cuerpo de la pagina -->
<div class="header"> <!-- Inicio cabecera de la pagina -->
<img src="../recursos/encabezado.png" width="100%" height="120" style="border-radius: 15px;"/>
</div> <!-- Fin cabecera de la pagina -->
<table align="center" width="100%">
<tr>
<td align="left">
<font color="black" face="Century Gothic" style="font-size:10pt; font-weight: bold; width: 100%;">
&nbsp;&nbsp;Bienvenid@: <i class="icon-user"></i>&nbsp;<?php echo $nombre2['Nombre_US']; ?><a href="../php/logout.php">&nbsp;[Salir]&nbsp;<i class="icon-lock"></i></a>
</font>
</td>
<td align="right">
<font color="black" face="Century Gothic" style="font-size:10pt; font-weight: bold; width: 100%;">
<script languaje="JavaScript">
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Domingo,","Lunes,","Martes,","Miércoles,","Jueves,","Viernes,","Sábado,")
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre")
document.write("<font color='black' face='Georgia' style='font-size:8pt'> "+dayarray[day]+" "+daym+" de "+montharray[month]+" de "+year+"&nbsp;&nbsp;&nbsp;&nbsp;</font>")
</script>
</font>
</td>
</tr>
</font>
</table>
<br />
<table style="margin: 0 auto; width:auto;">
<tr>
<td>
<ul class="nav">
<li>
<a href="adminMantenimientoAE.php"><strong>Inicio</strong></a>
</li>
<li>
<a href="adminPrincipal.php"><strong>Principal</strong></a>
</li>
<li>
<a href="adminCSAE.php"><strong>Centro de Servicios&nbsp;</strong>&#9660;</a>
<ul>
<li><a href="#"><strong>Subestación</strong></a></li>
<li><a href="#"><strong>Circuitos</strong></a></li>
</ul>
</li>
<li>
<a href="#"><strong>Estados&nbsp;</strong>&#9660;</a>
<ul>
<li><a href="#"><strong>Municipios</strong></a></li>
<li><a href="#"><strong>Parroquias</strong></a></li>
<li><a href="#"><strong>Sectores</strong></a></li>
</ul>
</li>
<li>
<a href="#"><strong>Actividades&nbsp;</strong>&#9660;</a>
<ul>
<li><a href="#"><strong>Indicadores</strong></a></li>
</ul>
</li>
<li>
<a href="#"><strong>op3</strong></a>
</li>
</ul>
</td>
</tr>
</table>
<br />
<div class="hide" id="agregarCS" title="Agregar Centro de Servicio">
<form action="" method="post" id="formCS" name="formCS">
<fieldset id="ocultos">
<input type="hidden" id="accion" class="{required:true} " name="accion" />
<input type="hidden" id="id_cs" class="{required:true} " name="id_cs" value="0" />
</fieldset>
<fieldset id="datosCS">
<p>Codigo Centro de Servicio</p>
<span></span>
<input type="text" id="Codigo_CS" name="Codigo_CS" placeholder="Codigo" class="{required:true,maxlength:15} span3"/>
<p>Nombre Centro de Servicio</p>
<span></span>
<input type="text" id="Nombre_CS" name="Nombre_CS" placeholder="Nombre" class="{required:true,maxlength:50} span3"/>
<p>Estado</p>
<span></span>
<select id="Codigo_ES" name="Codigo_ES" class="{required:true} span3">
<?php
$con = mysqli_connect("10.14.6.64", "user_mant_dist", "mant_dist_user", "mant_dist");
$query = "SELECT * FROM estado";
$result = mysqli_query($con,$query) or die(mysql_error($con));
echo '<option value="">Seleccione un Estado...</option>';
while ($row = mysqli_fetch_array($result)){
echo utf8_encode('<option value="'.$row['Codigo_ES'].'">'.$row['Nombre_ES'].'</option>');
}
?>
</select>
<fieldset id="btnAgregar" style="text-align:center;">
<center><input class="btn btn-danger btn-small" type="submit" id="continuar" value="Continuar" /></center>
</fieldset>
<fieldset id="ajaxLoader" class="ajaxLoader hide">
<center><img src="../recursos/cargando.gif" width="30" height="30" /></center>
<br />
<span><center>Espere un momento...</center></span>
</fieldset>
</form>
</div>
<div id="wraper">
<section id="">
<div id="btnAddUser" class="center addUser">
<button id="goNuevoUser" class="btn btn-danger btn-small"><i class="icon-plus"></i> Agregar Centro</button>
</div>
<br />
<div id="listaOrganizadores">
<table id="listadoUsers" class="table table-striped table-bordered table-hover table-condensed" style="width: 850;">
<thead>
<tr>
<th>Codigo</th>
<th>Centro de Servicio</th>
<th>Estado</th>
<th>Acciones</th>
</tr>
</thead>
<tbody id="ListaCSOK">
<?php echo $consultaUsuarios ?>
</tbody>
</table>
</div>
</section>
</div>
<div class="footer"> <!-- Inicio pie de pagina -->
<strong>Todos los derechos reservados © 2015 CORPOELEC - Corporación Eléctrica Nacional RIF. G-20010014-1</strong>
</div> <!-- Fin pie de pagina -->
</div> <!-- Fin cuerpo de la pagina -->
</div> <!-- Fin contenedor de toda la pagina -->
</body>
</html>

AYUDA POR FAVOR!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder