Como Paginar resultados con php y sql? Hola me pueden ayudar a como paginari los resultados.
Se muestran en una tabla pero son muchos los registros.
Haria el paginero en editinplace.php?
editinplace.php
<?php
$dbhost="localhost";
$dbname="incidencias";
$dbuser="root";
$dbpass="penske01";
$db = new mysqli($dbhost,$dbuser,$dbpass,$dbname);
if (isset($_POST) && count($_POST)>0)
{
if ($db->connect_errno)
{
die ("<span class='ko'>Fallo al conectar a MySQL: (" . $db->connect_errno . ") " . $db->connect_error."</span>");
}
else
{
$query=$db->query("update monto set ".$_POST["campo"]."='".$_POST["valor"]."' where id='".intval($_POST["id"])."' limit 1");
if ($query) echo "<span class='ok'>Valores modificados correctamente.</span>";
else echo "<span class='ko'>".$db->error."</span>";
}
}
if (isset($_GET) && count($_GET)>0)
{
if ($db->connect_errno)
{
die ("<span class='ko'>Fallo al conectar a MySQL: (" . $db->connect_errno . ") " . $db->connect_error."</span>");
}
else
{
$query=$db->query("select * from monto order by id asc");
$datos=array();
while ($usuarios=$query->fetch_array())
{
$datos[]=array( "id"=>$usuarios["id"],
"sso"=>$usuarios["sso"],
"concepto"=>$usuarios["concepto"],
"monto"=>$usuarios["monto"],
"status"=>$usuarios["status"]
);
}
echo json_encode($datos);
}
}
?>
y aqui el donde se muestra.php
<head>
<meta charset="UTF-8">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<title>Incidencias</title>
<style>
.contenedor{margin:60px auto;width:960px;font-family:sans-serif;font-size:15px}
table {width:100%;box-shadow:0 0 10px #ddd;text-align:left}
th {padding:5px;background:#555;color:#fff}
td {padding:5px;border:solid #ddd;border-width:0 0 1px;}
.editable span{display:block;}
.editable span:hover {background:url(edit.png) 90% 50% no-repeat;cursor:pointer}
td input{height:24px;width:200px;border:1px solid #ddd;padding:0 5px;margin:0;border-radius:6px;vertical-align:middle}
a.enlace{display:inline-block;width:24px;height:24px;margin:0 0 0 5px;overflow:hidden;text-indent:-999em;vertical-align:middle}
.guardar{background:url(images/save.png) 0 0 no-repeat}
.cancelar{background:url(images/cancel.png) 0 0 no-repeat}
.mensaje{display:block;text-align:center;margin:0 0 20px 0}
.ok{display:block;padding:10px;text-align:center;background:green;color:#fff}
.ko{display:block;padding:10px;text-align:center;background:red;color:#fff}
</style>
</head>
<body>
<div class="contenedor">
<h1>Incidencias</h1>
<div class="mensaje"></div>
<table class="editinplace">
<tr>
<th>ID</th>
<th>SSO</th>
<th>Concepto</th>
<th>Monto</th>
<th>Referencia</th>
</tr>
</table>
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function()
{
/* OBTENEMOS TABLA */
$.ajax({
type: "GET",
url: "editinplace.php?tabla=1"
})
.done(function(json) {
json = $.parseJSON(json)
for(var i=0;i<json.length;i++)
{
$('.editinplace').append(
"<tr><td class='id'>"+json[i].id+"</td><td class='editable' data-campo='sso'><span>"+json[i].sso+"</span></td><td class='editable' data-campo='concepto'><span>"+json[i].concepto+"</span></td><td class='editable' data-campo='monto'><span>"+json[i].monto+"</span></td><td class='editable' data-campo='status'><span>"+json[i].status+"</span></td></tr>");
}
});
var td,campo,valor,id;
$(document).on("click","td.editable span",function(e)
{
e.preventDefault();
$("td:not(.id)").removeClass("editable");
td=$(this).closest("td");
campo=$(this).closest("td").data("campo");
valor=$(this).text();
id=$(this).closest("tr").find(".id").text();
td.text("").html("<input type='text' name='"+campo+"' value='"+valor+"'><a class='enlace guardar' href='#'>Guardar</a><a class='enlace cancelar' href='#'>Cancelar</a>");
});
$(document).on("click",".cancelar",function(e)
{
e.preventDefault();
td.html("<span>"+valor+"</span>");
$("td:not(.id)").addClass("editable");
});
$(document).on("click",".guardar",function(e)
{
$(".mensaje").html("<img src='loading.gif'>");
e.preventDefault();
nuevovalor=$(this).closest("td").find("input").val ();
if(nuevovalor.trim()!="")
{
$.ajax({
type: "POST",
url: "editinplace.php",
data: { campo: campo, valor: nuevovalor, id:id }
})
.done(function( msg ) {
$(".mensaje").html(msg);
td.html("<span>"+nuevovalor+"</span>");
$("td:not(.id)").addClass("editable");
setTimeout(function() {$('.ok,.ko').fadeOut('fast');}, 3000);
});
}
else $(".mensaje").html("<p class='ko'>Debes ingresar un valor</p>");
});
});
</script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-266167-20");
pageTracker._setDomainName(".martiniglesias.eu");
pageTracker._trackPageview();
} catch(err) {}
</script>
</body>
