Comunidad de diseño web y desarrollo en internet online

Cómo genero este tipo de links con javascript?

Citar            
MensajeEscrito el 08 Abr 2009 12:46 am
Hola a todos! Estoy aprendiendo de apuros un poco de todo como para ir armando un script de paginación q tengo, pero necesito entender como hacerlo y tengo una duda sobre cómo crear una función que me devuelva estos links dentro de un div.

Mi actual paginador es este:

Código :

function paginar($actual, $total, $por_pagina, $enlace) {

  $pag = $_GET['pag'];
  $id_tipopropiedad = "&id_tipopropiedad=". $_GET['id_tipopropiedad'];
  $id_operacion = "&id_operacion=". $_GET['id_operacion'];
  $select1 = "&select1=". $_GET['select1'];
  $select2 = "&select2=". $_GET['select2'];
  $id_moneda = "&id_moneda=". $_GET['id_moneda'];


  $total_paginas = ceil($total/$por_pagina);
  $anterior = $actual - 1;
  $posterior = $actual + 1;
  if ($actual>1)
    $texto = "<a href=\"$enlace$anterior$id_tipopropiedad$id_operacion$select1$select2$id_moneda\" >&laquo; ANTERIOR</a> ";
  else
    $texto = "<b>ANTERIOR</b> ";
  for ($i=1; $i<$actual; $i++)
    $texto .= "<a href=\"$enlace$i$id_tipopropiedad$id_operacion$select1$select2$id_moneda\" >$i</a> ";
  $texto .= "<b>$actual</b> ";
  for ($i=$actual+1; $i<=$total_paginas; $i++)
    $texto .= "<a href=\"$enlace$i$id_tipopropiedad$id_operacion$select1$select2$id_moneda\" >$i</a> ";
  if ($actual<$total_paginas)
    $texto .= "<a href=\"$enlace$posterior$id_tipopropiedad$id_operacion$select1$select2$id_moneda\" >SIGUIENTE</a>";
  else
    $texto .= "<b>SIGUIENTE</b>";
  return $texto;

        // Cierro la conexion
        mysql_close($conexion); 

}

echo paginar($pag, $total, $tampag, "prop-search.php?pag=");  


Pero me dijeron que por medio de una función hecha con Javascript puedo crear el <DIV></DIV> y los links que se ven más abajo y en cada uno de ellos colocar el nro. de página que corresponda a mi paginador, según lo que devuelva mi consulta.

Código :

<div>
       <a href="javascript:getPagina(1);">Primero</a>
       <a herf="javascript:getPagina(1);">1</a>
       <a herf="javascript:getPagina(2);">2</a>
       <a herf="javascript:getPagina(3);">3</a>
       <a herf="javascript:getPagina(3);">Ultimo</a>
</div>


Esta página utiliza este tipo de links también con esta función:
ABAJO SE ENCUENTRA EL PAGINADOR DE ESTE TIPO HECHO CON JAVASCRIPT

Podrían explicarme o darme un ejemplo de como hacerlo, por favor?
Muchas gracias por su tiempo. Saludos.
Picasso.

Por Picasso

45 de clabLevel



Genero:Masculino  

Programador Web

firefox
Citar            
MensajeEscrito el 11 Abr 2009 12:08 am
El ejemplo es solo HTML y Javascript, no entiendo por qué posteas PHP.

Lo mas facil seria que encierres cada pagina en un div, y los ocultes con css display:none; luego solo seria de agregar un script que oculte el resto de divs y muestre el que necesitas con un display:block;

Si prefieres un script ya hecho, este es uno facil de implementar.
http://jqueryui.com/demos/tabs/

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

chrome
Citar            
MensajeEscrito el 11 Abr 2009 12:10 am
Al parecer ya te respondieron en otro post con una solución usando AJAX, eso explica el por qué muestras ese código PHP. Por favor, no vuelvas a respetir los posts.

Cerrado.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.