JavaScript - problema paginado dinámico

   
Vista:

problema paginado dinámico

Publicado por macario123 (1 intervención) el 16/07/2015 20:13:27
Buenas!
Necesito ayuda para un proyecto en que quiero mostrar los resultados de una busqueda en la pantalla html y que al generar la lista de resultado se generen también los botones de paginado.

El caso es que si meto dentro del div contenedor de los resultados unas etiquetas p con un texto si me crea el paginado , pero al darle al botón de busqueda y crear los tags p dentro del div contenedor me los muestra sin los botones de paginado y me lista todo el chorro de resultado hasta abajo. Utilizo jquery y el js jpaginate.
El problema creo que reside en que al pulsar el botón de busqueda genera los tags en el div contenedor pero luego el
JS de paginado no lo traduce para crear los botones de paginado.

Aquí dejo el código del boton que crea los resultados de busqueda.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var parrafos = "";
            for(var i = 0; i < data.offers.length; i++) {
                var obj = data.offers[i];
                parrafos +="<p id='parra'>"+
                    "<a>"+obj.ciudad+"</a></br>"+
                    "<a>"+obj.sector+"</a></br>"+
                    "<a>"+obj.experiencia+"</a></br>"+
                    "</p>"
                    /* parrafos +="<div class='listado'> <p id='parra'>"+
                                        "<a>"+obj.ciudad+"</a></br>"+
                                        "<a>"+obj.sector+"</a></br>"+
                                        "<a>"+obj.experiencia+"</a></br>"+
                                        "</p></div>"*/
 
            }
            contenedor.innerHTML = parrafos;

Código del HTML:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html>
<head>
<title>HELP4ALL - Empleo</title>
<meta http-equiv="Content-Type" content="text/html; charset='UTF-8'" />
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href='@routes.Assets.at("stylesheets/empleo.css")' media="screen" />
 
	<script src='@routes.Assets.at("javascripts/search.js")' async="async"> </script>
	<script src="http://c.fzilla.com/1286136086-jquery.js"> </script>
 
	<script src='@routes.Assets.at("javascripts/createTable.js")'></script>
 
	<script src='@routes.Assets.at("javascripts/jpaginate.js")'></script>
	<script src='@routes.Assets.at("javascripts/paginado.js")'></script>
 
 
 
	<script>
 
                    $(document).ready(function(){
                        $("#content").jPaginate();
                    });
 
    </script>
    El boton de busqueda
    <br /> <input type="submit" value="Buscar" onclick="searchJob();paginado();return false;"> <input type="reset">
 
    El div contenedor donde se generan los botones de paginado
    <div id="content">
				<p id="parra">holaaa</p>
				<p id="parra">holaaa</p>
				<p id="parra">holaaa</p>
                                <p id="parra">holaaa</p>
				<p id="parra">holaaa</p>
				<p id="parra">holaaa</p>
 
   <div>
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