Ver Mensaje Individual
  #15 (permalink)  
Antiguo 18/05/2011, 17:11
marco64yes
 
Fecha de Ingreso: septiembre-2010
Mensajes: 350
Antigüedad: 14 años, 1 mes
Puntos: 9
Exclamación Respuesta: Paginar con imagenes en lugar de números

Cita:
Iniciado por pabloaguero2010 Ver Mensaje
A ver..
Código PHP:

--creamos la bd
Create database demo;
Use demo;

--Creamos la tabla 

CREATE TABLE `usuarios` (
`id` INT(10) NULL AUTO_INCREMENT,
`nom` VARCHAR(50) NULL,
PRIMARY KEY (`id`)
)
COLLATE='utf8_general_ci'
ENGINE=MyISAM
ROW_FORMAT=DEFAULT
--insertamos valores 
INSERT INTO `usuarios` (`nom`) VALUES ('pedro');
INSERT INTO `usuarios` (`nom`) VALUES ('maria');

Descargas el paquete jquerydatatables y jquery claro 
Y añades  jquery.dataTables.js
•    jquery-ui-1.8.4.custom.css
•    demo_table_jui.css
•    demo_table.css
•    inicializas jquery y añades : 
<script type="text/javascript">    
$(document).ready(function($){
    $('#listado').dataTable(
            {"bJQueryUI": true,
            "sPaginationType": "full_numbers"
            })
      });
</script>


<?php
//conexion
$cn="localhost";
$user="usuario";
$pass="clave";
$bd="demo";
$sql="SELECT * from usuarios;";
$consulta=mysql_query($sql,$cn) or die(mysql_error());
?>
<table  id="listado">
<thead>
  <tr>
    <th>id</th>
    <th>Nombres</th>
  </tr>
 </thead>
 <tbody>
<?php 
while($registro=mysql_fetch_array($consulta))
{
?>  
    <tr>
    <td><?= $registro[0]; ?></td>
    <td><?= $registro[1]; ?></td>
  </tr>
<?php
}
?>  
 <tbody> 
</table>
pues tengo esto:

Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <title>DataTables unit test controller</title>
        <script type="text/javascript"  src="/js/jquery.dataTables.js"></script> 

<script type="text/javascript">     
$(document).ready(function($){ 
    $('#listado').dataTable( 
            {"bJQueryUI": true, 
            "sPaginationType": "full_numbers" 
            }) 
      }); 
</script> 


    </head>
    <body>
        <?php 
//conexion 
$conexion=mysql_connect("localhost","root","");
mysql_select_db("usuarios",$conexion); 
$sql="SELECT * from usuarios;"
$consulta=mysql_query($sql,$conexion) or die(mysql_error()); 
?> 
<table  id="listado"> 
<thead> 
  <tr> 
    <th>id</th> 
    <th>Nombres</th> 
  </tr> 
 </thead> 
 <tbody> 
<?php  
while($registro=mysql_fetch_array($consulta)) 

?>   
    <tr> 
    <td><?php echo $registro[0]; ?></td> 
    <td><?php echo $registro[1]; ?></td> 
  </tr> 
<?php 

?>   
 <tbody>  
</table> 
    </body>
</html>
y desacargue el DataTables-1.8.0.beta.3
tiene varios archivos,, encontre dentro del ="/js/jquery.dataTables.js este archivo
los demas que colcoas no los tiene, los cuales son solo para darle forma no ?

corri eso y solo obtengo lo de la base de datos jajaja

id Nombres
1 pedro
2 maria

ni paginacion ni nada :S