Pasar checkbox paginacion

angelmadrid · #1 (**permalink**) 11/08/2011, 06:07

Hola buenas tardes,

Primero daros las gracias a todos por molestaros en leer mi pregunta.

Os comento mi problema, estoy mostrando con php unos datos de una base de datos, y como son muchos lo pagino para que no me ocupe toda la pagina, y este mas organizado, el problema lo tengo cuando pongo un checkbox al lado de todas las celdas, para que lo marque el usuario, ya que cuando va a otra pagina el usuario y selecciona otra casilla si vuelve a la anterior pagina, no se le queda marcado logicamente, y leido muchos temas sobre esto en el foro, pero ninguno me aclara bien mis dudas, ya que he visto respuestas de que se pasen las variables en un campo hidden o por $_POST, pero en ninguna se me vuelve a quedar marcada la casilla. y yevo ya varios dias asi....

. El codigo que tengo ahora mismo es este:

Código HTML:

<body bgcolor="#FFFFFF" LINK="#333"  VLINK="#333" ALINK="#333">
<font face="arial, verdana, sans-serif" color="#333">
<?php 

$base="peliculas"; 
$con=mysql_connect('localhost', 'root', ''); 
mysql_select_db($base,$con); 

if (!isset($pg)) 
$pg = $_GET['pg'];; // $pg es la pagina actual 
$cantidad=3; // cantidad de resultados por página 
$inicial = $pg * $cantidad; 


$pegar = "SELECT nombre, estreno, resumen from peliculas order by nombre asc LIMIT $inicial,$cantidad"; 
$cad = mysql_db_query($base,$pegar) or die (mysql_error()); 

$contar = "SELECT * FROM peliculas ORDER BY nombre"; 
$contarok= mysql_db_query($base,$contar); 
$total_records = mysql_num_rows($contarok); 
$pages = intval($total_records / $cantidad); 
	
	?>
	
<table height="522" width="846">

  <tr>
	  <td width="561">
	   
		  <?
				while($fila = mysql_fetch_array( $cad  ))
					
					{
					
				?>
				
				<tr>
					  <td width="69" >
							<img src="/imagenes/peliculas/<? echo $fila['nombre'];?>.jpg" width="69" height="93" alt="<? echo $fila['nombre'];?>" /> 
					</td>
					 <td width="242" height="24">
						<div id="enlace1" align="right"><font size="1"><a target="_blank" href="resumenes/<? echo $fila['nombre'];?>.php"><? echo $fila['nombre'];?></a></font></div>
					</td>
					 <td width="20">
					  <input type="checkbox" name="dvd[]" value="<? echo $fila['nombre'];?>" />
					</td>
				</tr>
		  <?
					}
	?>
	</td>

  </tr>
</table>	
	
	
<?
// Creando los enlaces de paginación 
echo "<p>"; 
if ($pg <> 0) 
{ 
$url = $pg - 1; 
echo "<a href='prueba.php?pg=".$url."'>« Anterior</a> "; 
} 
else { 
echo " "; 
} 

for ($i = 0; $i<($pages + 1); $i++) { 
if ($i == $pg) { 
echo "<font face=Arial size=2 color=ff0000><b> $i </b></font>"; 
} 
else { 
echo "<a href='prueba.php?pg=".$i."'>".$i."</a> "; 
} 
}  

if ($pg < $pages) { 
$url = $pg + 1; 
echo "<a href='prueba.php?pg=".$url."'>Siguiente »</a>"; 
} 
else { 
echo " "; 
} 
echo "</p>"; 

// Cerrar la conexión con la BD
	mysql_close($con);	
?> 
</body>
</html>

Alguien me podria decir como hacerlo ???

supongo que la solucion estara en java....

Un saludo y gracias de nuevo.

angelmadrid · #2 (**permalink**) 12/08/2011, 05:38

alguien tiene alguna idea de como realizarlo??? aun sigo igual de perdio...

ceSharp · #3 (**permalink**) 12/08/2011, 06:12

hola angel,
te paso un ejemplo para almacenar checks en una página y luego recuperarlos al volver:

Código Javascript:

Ver original<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
<script type="text/javascript">
function guardar()
{
    document.getElementById('hd_check').value='';
    var check = document.getElementsByTagName('input');
    for(i=0;i<check.length;i++)
    {
        if(check[i].type=='checkbox')
        {
            if(check[i].checked)
                document.getElementById('hd_check').value += check[i].id + "#";
        }
    }
}
function cargar()
{
    var hd_check = document.getElementById('hd_check').value.split('#');
    var check = document.getElementsByTagName('input');
    for(i=0;i<check.length;i++)
    {
        if(check[i].type=='checkbox')
        {
            for(j=0;j<hd_check.length;j++)
            {
                if(hd_check[j] == check[i].id)
                    document.getElementById(check[i].id).checked;
            }
        }
        
    }
}
</script>
</head>
<body onload="cargar()">
    <form id="form1" action="otra_pagina.html" method="post" >
    <div>
    <input type="checkbox" id="ch1"/>uno
    <input type="checkbox" id="ch2"/>dos
    <input type="checkbox" id="ch3"/>tres
    <input type="checkbox" id="ch4"/>cuatro
    <input type="submit" id="bt_sb" onclick="guardar()" value="otra_pagina" />
    <input type="hidden" value="" id="hd_check" />
    </div>
    </form>
</body>
</html>

si te funciona no te resultará dificil adaptarlo a lo tuyo. ten en cuenta que trabaja con IDS, te lo digo porque hay gente que no los usa, y yo creo que no debería dejar de usarlos, jejejeje.

saludos.

angelmadrid · #4 (**permalink**) 12/08/2011, 10:36

hola ceSharp, primero gracias por tu respuesta, y lo he puesto como decias y no me ha dado resultado, y lo he intentado integrar en mi codigo y tampoco XD ya estoy desesperaicoo

ceSharp · #5 (**permalink**) 16/08/2011, 02:11

hola angel,
ya ha pasado el puente y no sé si yo lo habrás podido solucionar. Exactamente dónde falla? suelo probar todo o casi todo lo que pongo aqué en IE, FireFox y Chrome, porque ya sabes que hay cosas que van en un navegador y en otro no.
No sé si el fallo está en que tu página no navega al sitio adecuado, es decir, mira:

Código Javascript:

Ver original<form id="form1" action="otra_pagina.html" method="post" >

aquí le estamos diciendo que cuando haya un submit, el navegador vaya a "otra_pagina.html", naturalmente si tú no tienes una página que se llame así se pierde todo y no va a funcionar. Ahí tendrías que poner tú la página donde quieres que vaya.

ese puede ser un posible fallo, si no es eso nos cuentas...

saludos.

angelmadrid · #6 (**permalink**) 16/08/2011, 03:49

Cita:

Iniciado por ceSharp

hola angel,
ya ha pasado el puente y no sé si yo lo habrás podido solucionar. Exactamente dónde falla? suelo probar todo o casi todo lo que pongo aqué en IE, FireFox y Chrome, porque ya sabes que hay cosas que van en un navegador y en otro no.
No sé si el fallo está en que tu página no navega al sitio adecuado, es decir, mira:

Código Javascript:

Ver original<form id="form1" action="otra_pagina.html" method="post" >

aquí le estamos diciendo que cuando haya un submit, el navegador vaya a "otra_pagina.html", naturalmente si tú no tienes una página que se llame así se pierde todo y no va a funcionar. Ahí tendrías que poner tú la página donde quieres que vaya.

ese puede ser un posible fallo, si no es eso nos cuentas...

saludos.

Hola ceSharp, si la pagina que tengo existe (es la misma), ya que estoy realizando paginacion y los datos que me refiero que se pierden es cuando pagino, ya que se muestran tres registros de la base de datos en cada pagina y cuando voi por ejemplo a la pagina dos, y selecciono o sin seleccionar y vuelvo a la pagina anterior, los otros registros que marque , no se han quedado marcados y al ser todos los datos que muestro de una base de datos, nose como realizarlo, para que siempre se queden marcados los checkbox...

graciasss

ceSharp · #7 (**permalink**) 16/08/2011, 04:34

vale,
si es una única página es normal que no te llegue a funcionar del todo lo que yo te puse. bueno, no sé como lo tendrás montado para hacer la paginación, pero las funciones de guardar() y cargar() que te puse te siguen valiendo.
me imagino que iras mostrando una parte u otra del total de checks que tienes en página, no? y unos botones para avanzar/retroceder en la paginación.

sería tan sencillo como llamar a guardar() y cargar() en tus botones de paginación:

Código Javascript:

Ver original<input type="button" value="siguiente" onclick="guardar();cargar();" />

input button o lo que tengas, el caso es que en el evento onclick hagas el guardado de checks marcados y la carga de checks con el mismo input hidden que te puse en el anterior ejemplo.

saludos.

angelmadrid · #8 (**permalink**) 16/08/2011, 05:14

pues hoy estare negado con la programacion... porque no me sale nadaa he intentado adaptar tu codigo que me has dado a lo mio y no se quedan guardados, no me hagas mucho caso, pero el problema no podria estar en la paginacion que realizao?? ya que la paginacion que hago va a traves de enlaces, sin pulsar ningun boton del formulario, directamente a los enlaces, el codigo que tenga en la paginacion es este:

Código HTML:


<form name="peliculas" action="elijedd.php" method="get" onSubmit="return valida_envia()">
<table height="522" width="846">

  <tr>
	  <td width="561">
	   
		  <?
				while($fila = mysql_fetch_array( $cad  ))
					
					{
					
				?>
				
				<tr>
					  <td width="69" >
							<img src="/imagenes/peliculas/<? echo $fila['nombre'];?>.jpg" width="69" height="93" alt="<? echo $fila['nombre'];?>" /> 
					</td>
					 <td width="242" height="24">
						<div id="enlace1" align="right"><font size="1"><a target="_blank" href="resumenes/<? echo $fila['nombre'];?>.php"><? echo $fila['nombre'];?></a></font></div>
					</td>
					 <td width="20">
					  <input type="checkbox" name="dvd[]" value="<? echo $fila['nombre'];?>" />
					</td>
				</tr>
		  <?
					}
	?>
	</td>
<td><input name="submit" type="submit" class="Estilo4" onclick= "guardar();cargar();" value="Enviar"; />
				</td>
			
	      </table>
		</form> 

  </tr>
</table>	
	
	
<?
// Creando los enlaces de paginación 
echo "<p>"; 
if ($pg <> 0) 
{ 
$url = $pg - 1; 
echo "<a href='prueba.php?pg=".$url."'>« Anterior</a> "; 
} 
else { 
echo " "; 
} 

for ($i = 0; $i<($pages + 1); $i++) { 
if ($i == $pg) { 
echo "<font face=Arial size=2 color=ff0000><b> $i </b></font>"; 
} 
else { 
echo "<a href='prueba.php?pg=".$i."'>".$i."</a> "; 
} 
}  

if ($pg < $pages) { 
$url = $pg + 1; 
echo "<a href='prueba.php?pg=".$url."'>Siguiente »</a>"; 

} 
else { 
echo " "; 
} 
echo "</p>"; 

// Cerrar la conexión con la BD
	mysql_close($con);	
?> 
</body>
</html>

ya estoy por dejar que se muestren todos los datos en un pagina y que utilicen la el raton para ver todos los registross jajajaja

ceSharp · #9 (**permalink**) 16/08/2011, 05:37

por lo que veo en tu código haces un while donde van saliendo los checkbox's. Pero no tienen ID.Las funciones JS de cargar y guardar trabajan con ID's, si no los tienen no van a poder guardar y cargar los marcados o no.

las funciones que te puse recogen por etiqueta todos los valores de la página (getElementByTagName) en este caso la etiqueta 'INPUT', luego en un bucle va mirando uno a uno los de tipo 'CHECKBOX' si está marcado o no. Si está marcado recoge el ID del check y lo guarda en el hidden. Evidente si no hay ID graba un vacio o directamente falla, como me pasa a mí si quito los ID de los checks.

puedes cambiar en las funciones de guardar() y cargar() que recoja por NAME, y no por ID:

Código Javascript:

Ver originalfunction guardar()
{
...
document.getElementById('hd_check').value += check[i].name + "#";
...
}
function cargar()
{
...
document.getElementById(check[i].name).checked;
...
}

o también si quieres, cuando construyes los check en tu while, añade también que meta un ID al check con algún autonumérico, para que no se repitan, y ya con eso los guardara y cargará bien.

muchisimas veces el ID de un objeto es vital para diferenciarlo de otro. el name también te vale, pero normalmente todos los editores te alertan de que dos objetos tienen el mismo ID, pero no que tengan el mismo NAME, pues esta propiedad se puede repetir.

saludos.

angelmadrid · #10 (**permalink**) 16/08/2011, 10:19

Pues nada por mucho que lo intento me sigue saliendo igual es decir con los check sin que se queden marcados, este es el codigo que tengo , incoorporando el tuyo

Código HTML:

<script type="text/javascript">
function guardar()
{
	
    document.getElementById('hd_check').value='';
    var check = document.getElementsByTagName('input');
    for(i=0;i<check.length;i++)
    {
        if(check[i].type=='checkbox')
        {
            if(check[i].checked)
                document.getElementById('hd_check').value += check[i].id + "#";
        }
    }
}
function cargar()
{
    var hd_check = document.getElementById('hd_check').value.split('#');
    var check = document.getElementsByTagName('input');
    for(i=0;i<check.length;i++)
    {
        if(check[i].type=='checkbox')
        {
            for(j=0;j<hd_check.length;j++)
            {
                if(hd_check[j] == check[i].id)
                    document.getElementById(check[i].id).checked;
            }
        }
        
    }
}
</script>

<?php 



$base="peliculas"; 
$con=mysql_connect('localhost', 'root', ''); 
mysql_select_db($base,$con); 

if (!isset($pg)) 
$pg = $_GET['pg'];; // $pg es la pagina actual 
$cantidad=3; // cantidad de resultados por página 
$inicial = $pg * $cantidad; 


$pegar = "SELECT nombre, estreno, resumen from peliculas order by nombre asc LIMIT $inicial,$cantidad"; 
$cad = mysql_db_query($base,$pegar) or die (mysql_error()); 

$contar = "SELECT * FROM peliculas ORDER BY nombre"; 
$contarok= mysql_db_query($base,$contar); 
$total_records = mysql_num_rows($contarok); 
$pages = intval($total_records / $cantidad); 
	
	?>
	<form id="form1" action="123.php" method="post" >
<table height="522" width="846">

  <tr>
	  <td width="561">
	   
		  <?
				while($fila = mysql_fetch_array( $cad  ))
					
					{
					
				?>
				
				<tr>
					  <td width="69" >
							<img src="/imagenes/peliculas/<? echo $fila['nombre'];?>.jpg" width="69" height="93" alt="<? echo $fila['nombre'];?>" /> 
					</td>
					 <td width="242" height="24">
						<div id="enlace1" align="right"><font size="1"><a target="_blank" href="resumenes/<? echo $fila['nombre'];?>.php"><? echo $fila['nombre'];?></a></font></div>
					</td>
					 <td width="20">
					  <input type="checkbox" name="dvd[]" value="<? echo $fila['nombre'];?>" id="<? echo $fila['fecha'];?>" />
					  
					  <input type="hidden" value="" id="hd_check" />
					</td>
				</tr>
		  <?
					}
	?>
	<input type="submit" id="bt_sb" onclick="guardar()" value="otra_pagina"  onclick="guardar();cargar();" />
	</form>
	</td>

  </tr>
</table>	
	
	
<?
// Creando los enlaces de paginación 
echo "<p>"; 
if ($pg <> 0) 
{ 
$url = $pg - 1; 
echo "<a href='123.php?pg=".$url."' onClick=\"guardar();cargar();\">« Anterior</a> "; 
} 
else { 
echo " "; 
} 

for ($i = 0; $i<($pages + 1); $i++) { 
if ($i == $pg) { 
echo "<font face=Arial size=2 color=ff0000><b> $i </b></font>"; 
} 
else { 
echo "<a href='123.php?pg=".$i."' onClick=\"guardar();cargar();\">".$i."</a> "; 
} 
}  

if ($pg < $pages) { 
$url = $pg + 1; 
echo "<a href='123.php?pg=".$url."' onClick=\"guardar();cargar();\">Siguiente »</a>"; 
} 
else { 
echo " "; 
} 
echo "</p>"; 

// Cerrar la conexión con la BD
	mysql_close($con);	
?> 
</body>
</html>

Un saludo y gracias por tu tiempo