Problema al paginar en un div

byarrc · #1 (**permalink**) 18/10/2012, 13:18

Hola.. mi problemas es que cargo lugares segun las selecciones del usuario en un div, el cual a su vez deseo paginar, pero al cambiar de pagina me bota en una nueva pagina.. como arreglarlo??? uso la libreria phppaging.lib.php

function cargardatos(){
var idRegion= $('#region').val();
var idComuna= $('#comuna').val();
var idRuta= $('#ruta').val();

var toLoad= 'cargar_datos.php?region=' + idRegion + ' & comuna=' + idComuna + ' & ruta=' + idRuta ;

$.post(toLoad,function (responseText){

$('#lugares').html(responseText);

});

}

el PHP

<?
require_once'php/phppaging.lib.php';
include_once ('php/db.php');

$conn= get_db_conn();
?>
<?
$conn=get_db_conn();
$region= cleanQuery($_GET['region']);
$comuna= cleanQuery($_GET['comuna']);
$ruta= cleanQuery($_GET['ruta']);
$paging = new phppaging;
$paging ->agregarconsulta("SELECT * FROM lugares WHERE id_region = '$region' and id_comuna = '$comuna' and id_ruta = '$ruta' ORDER BY id_ruta",$conn);
$paging->ejecutar();
?>
<?while( $row=$paging->fetchResultado()){?>
<div class="cajalugar" >
<h2> <? echo $row['nombre_lugar'];?></h2>
<p><? echo $row['descripcion_lugar'];?></p>
</div>

<?}?>
<div class="navegacion">
<?
echo "Paginas " .$paging->fetchNavegacion();
?>
</div>

maycolalvarez · #2 (**permalink**) 18/10/2012, 13:21

¿y dónde está el DIV lugares?: porque yo no lo veo

byarrc · #3 (**permalink**) 18/10/2012, 13:26

En el index.. despues de unos select que llaman a la funcion cargardatos()
parte del codigo

<select name="ruta" id="ruta" onchange="cargardatos();" />
<option value="0">Selecciona una Ruta...</option>
</select>
</div>
<div class="resultados">
<div class="lugares" id="lugares">
</div>

maycolalvarez · #4 (**permalink**) 18/10/2012, 13:57

el div lugares NO tiene cierre, exite otro tag de cierre sin apertura.

corrija los errores en el HTML, ya que si el HTML no está bien formado, el parser se confunde y no aparece la página como debe

utilice el highlight para mostrar código

byarrc · #5 (**permalink**) 19/10/2012, 09:20

Si esta cerrado, solo indique parte del codigo.. aqui el codigo completo del index.html
gracias

<html lang="es">

<head>
<meta charset="UTF-8">
<script src="http://maps.google.com/maps?file=api&v=1&key=AIzaSyC_z4D3bDDWSK2o3JaByxq2 SuoXhUqRl5s" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="js/function.js"></script>
<script type="text/javascript" src="../jquery.js"></script>
<link rel="stylesheet" type="text/css" href="css/stiler.css" />

<?
include_once ('php/db.php');
$conn= get_db_conn();
$region=mysql_query("SELECT * from region ORDER BY nombre_region",$conn);
?>
</head>

<body>

<div class="cuerpo">
<div class="caja-mapa">
<div id="mapa" style="width: 480px; height: 400px">
<script type="text/javascript">
load_mapa(-70.793566,-33.504503,14);
</script>
</div>
<div class="datos" style="width: 480px; height: 200px">

<dl>
<dd>
<select name="region" id="region" onchange="cargarComunas();cargarRutas();" />
<option value="0">Selecciona una Region...</option>
<?
while($row=mysql_fetch_assoc($region))
{
print '<option value="'.$row['id_region'].'" >'.$row['nombre_region'].'</option>';
}
?>
</select>
</dd>
</dl>

<dl>
<dd>
<select name="comuna" id="comuna" onchange="cargarRutas();" />
<option value="0">Selecciona una Comuna...</option>
</select>
</dd>
</dl>

<dl>
<dd>
<select name="ruta" id="ruta" onchange="cargardatos();" />
<option value="0">Selecciona una Ruta...</option>
</select>
</dd>
</dl>

</div>

</div>

<div class="resultados">
<div class="lugares" id="lugares">

</div>
</div>
</div>
</body>

</html>

byarrc · #6 (**permalink**) 19/10/2012, 09:22

Si esta cerrado, solo indique parte del codigo.. aqui el codigo completo del index.html
gracias

Código PHP:

Ver original<html lang="es">
            
    <head>
        <meta charset="UTF-8">
        <script src="http://maps.google.com/maps?file=api&v=1&key=AIzaSyC_z4D3bDDWSK2o3JaByxq2SuoXhUqRl5s" type="text/javascript"></script>     
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript" src="js/function.js"></script>         
        <script type="text/javascript" src="../jquery.js"></script> 
        <link rel="stylesheet" type="text/css" href="css/stiler.css" />
        
        <? 
            include_once ('php/db.php');
            $conn= get_db_conn();
            $region=mysql_query("SELECT * from region ORDER BY nombre_region",$conn);
        ?>          
    </head>
    
    <body> 
        
        <div class="cuerpo">
            <div class="caja-mapa">
                <div id="mapa" style="width: 480px; height: 400px">
                    <script type="text/javascript">
                        load_mapa(-70.793566,-33.504503,14);
                    </script>
                </div>
                <div class="datos" style="width: 480px; height: 200px">
                    <!--<form id="form"  method="get" class="niceform">-->
                    <dl>
                            <dd>     
                                <select name="region" id="region" onchange="cargarComunas();cargarRutas();" />
                                <option value="0">Selecciona una Region...</option>
                                <?
                                    while($row=mysql_fetch_assoc($region))
                                    {
                                        print '<option value="'.$row['id_region'].'" >'.$row['nombre_region'].'</option>';
                                    }
                                ?>
                                </select>
                            </dd>
                    </dl>                                                  
                     
                    <dl>
                            <dd>     
                                <select name="comuna" id="comuna" onchange="cargarRutas();" />
                                <option value="0">Selecciona una Comuna...</option>                             
                                </select>
                            </dd>
                    </dl>
    
                    <dl>
                            <dd>     
                                <select name="ruta" id="ruta" onchange="cargardatos();" />
                                <option value="0">Selecciona una Ruta...</option>
                                </select>
                            </dd>
                    </dl>
     
                </div>
                        
            </div> 
 
            <div class="resultados">
                <div class="lugares" id="lugares">
 
                </div>
            </div>  
        </div>  
    </body>
    
</html>