Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/12/2007, 22:12
Avatar de Potro
Potro
 
Fecha de Ingreso: abril-2001
Mensajes: 2.249
Antigüedad: 23 años
Puntos: 39
PAGINACION EN FLASH - sin cargar todos los registros de un solo golpe - vealo aquí

Hola mis estimados compañeros del foro flash, pues como dice el titulo una paginacion en flash y los ira jalando del ASP o PHP según se vallan solicitando.

Pues aqui les dejo todo el ejemplo y ojala les sirva...

PRIMERA PARTE
************************************************

Aquí les muestro una manera fácil de hacer una paginación en flash, es realmente muy buena ya que el flash en primera instancia no guarda todos los registros como se ven en muchos ejemplos en la Web.

Aquí solo es saber mandar los registros desde tu ASP ó PHP.


Esto lo divido en 3 partes:

1- Creación del diseño de los registros en flash
2- Creación del ASP ó PHP
3- Desarrollo del código en ActionScript



Creación del diseño de los registros en flash



1.1- Empecemos abriendo nuestro programa flash yo en este ejemplo usare la versión 8.



1.2- Creamos un nuevo documento y hacemos el siguiente diseño de cómo se vera nuestros registros.



1.3- Como verán paginaremos de 5 en 5 y necesitamos hacer 5 campos de nombre, 5 de edad y 5 de sexo de la siguiente manera.

nombre1, nombre2, nombre3, nombre4, nombre5
edad1, edad2, edad3, edad4, edad5
sexo1, sexo2, sexo3, sexo4, sexo5


Y haremos 2 botones “Siguiente” y “Anterior”


Y dos campos mas Dynamic Text uno con el nombre pagina y otro con el nombre pag_total


Y Salvamos nuestro proyecto yo le pondré paginacion5.fla





*************************************

Creación del ASP ó PHP


Ahora abramos un “bloc de notas” y pongamos el siguiente código


2.1- Esto será para ASP:


Y yo lo guardare con el nombre de paginacion5.asp

<%
response.Write("&nombre1=Antonio&nombre2=Araceli&n ombre3=Alan&nombre4=Alberto&nombre5=Ana")
response.Write("&nombre6=Brisa&nombre7=Brenda&nomb re8=Belen&nombre9=Beto&nombre10=Barbara")
response.Write("&nombre11=Carolina&nombre12=Cesar& nombre13=Carlos&nombre14=Cristina&nombre15=Carmen" )
response.Write("&nombre16=Daniel&nombre17=Denia&no mbre18=Daniela&nombre19=Dolores&&nombre20=Dana")
response.Write("&nombre21=Estefani&nombre22=Elena" )

response.Write("&edad1=15&edad2=16&edad3=13&edad4= 11&edad5=16")
response.Write("&edad6=28&edad7=25&edad8=23&edad9= 28&edad10=29")
response.Write("&edad11=31&edad12=38&edad13=33&eda d14=39&edad15=35")
response.Write("&edad16=47&edad17=45&edad18=43&eda d19=49&edad20=41")
response.Write("&edad21=56&edad22=54")

'H = Hombre y M = Mujer
response.Write("&sexo1=H&sexo2=M&sexo3=H&sexo4=H&s exo5=M")
response.Write("&sexo6=M&sexo7=M&sexo8=M&sexo9=H&s exo10=M")
response.Write("&sexo11=M&sexo12=H&sexo13=H&sexo14 =M&sexo15=M")
response.Write("&sexo16=H&sexo17=M&sexo18=M&sexo19 =M&sexo20=M")
response.Write("&sexo21=M&sexo22=M")

response.Write("&registros=22")
%>





2.2- Para PHP pongamos esto:

Y yo lo guardare con el nombre de paginacion5.php


<?

echo"&nombre1=Antonio&nombre2=Araceli&nombre3=Alan &nombre4=Alberto&nombre5=Ana";
echo"&nombre6=Brisa&nombre7=Brenda&nombre8=Belen&n ombre9=Beto&nombre10=Barbara";
echo"&nombre11=Carolina&nombre12=Cesar&nombre13=Ca rlos&nombre14=Cristina&nombre15=Carmen";
echo"&nombre16=Daniel&nombre17=Denia&nombre18=Dani ela&nombre19=Dolores&&nombre20=Dana";
echo"&nombre21=Estefani&nombre22=Elena";

echo"&edad1=15&edad2=16&edad3=13&edad4=11&edad5=16 ";
echo"&edad6=28&edad7=25&edad8=23&edad9=28&edad10=2 9";
echo"&edad11=31&edad12=38&edad13=33&edad14=39&edad 15=35";
echo"&edad16=47&edad17=45&edad18=43&edad19=49&edad 20=41";
echo"&edad21=56&edad22=54";

//H = Hombre y M = Mujer
echo"&sexo1=H&sexo2=M&sexo3=H&sexo4=H&sexo5=M";
echo"&sexo6=M&sexo7=M&sexo8=M&sexo9=H&sexo10=M";
echo"&sexo11=M&sexo12=H&sexo13=H&sexo14=M&sexo15=M ";
echo"&sexo16=H&sexo17=M&sexo18=M&sexo19=M&sexo20=M ";
echo"&sexo21=M&sexo22=M";

echo"&registros=22";

?>



Desarrollo del código en ActionScript


3.1- Bueno ahora retomamos nuestro flash para ingresar el código para ingresar los registros de 5 en 5.


Nota: En color verde pondré el código que ustedes ingresaran al flash y en rojo solo haré las observaciones importantes


Seleccionamos el primer KeyFrame y nos vamos a las actions o acciones.




3.2- Ahora en principio pondremos un stop(); para que no, nos provoqué algún contratiempo.




3.3- Ahora empezaremos a poner el código para mandar a llamar nuestro archivo ASP ó PHP

//Cargo la variable new
var SendData:LoadVars = new LoadVars();
//Llamo el archivo (asp o php) en este caso sera asp
SendData.load("paginacion5.asp");
//asigno 5 variables para los registros y estas variables nos ayudaran mucho en la paginación
var num1:Number = 1;
var num2:Number = 2;
var num3:Number = 3;
var num4:Number = 4;
var num5:Number = 5
//Función para primera muestra de registros
SendData.onLoad = function (success){
if (success) {
//Muestro los primeros registros recordemos que mostraremos de 5 en 5.
//Aquí muestro los nombres
nombre1 = this["nombre"+num1].toString();
nombre2 = this["nombre"+num2].toString();
nombre3 = this["nombre"+num3].toString();
nombre4 = this["nombre"+num4].toString();
nombre5 = this["nombre"+num5].toString();
//Aquí muestro las edades
edad1 = this["edad"+num1].toString();
edad2 = this["edad"+num2].toString();
edad3 = this["edad"+num3].toString();
edad4 = this["edad"+num4].toString();
edad5 = this["edad"+num5].toString();
//Aquí muestro el sexo
sexo1 = this["sexo"+num1].toString();
sexo2 = this["sexo"+num2].toString();
sexo3 = this["sexo"+num3].toString();
sexo4 = this["sexo"+num4].toString();
sexo5 = this["sexo"+num5].toString();
//Cargo también el número de registros
registros = this.registros;


/*Hasta aquí el flash ya manda a llamar los primeros 5 registros del archivo pero proseguiremos para que nos de el numero de las paginas que obtendremos.*/

/*Para sacar el número de paginas obtenidas divido los registros obtenidos entre el número de registros que muestra la paginación que en este caso son 5*/
var registro2:Number = registros / 5;
/*Obtenemos con otra variable el resultado para mostrarlo en nuestro Dynamic Text y como podría ser que en esta operación el número obtenido no sea redondo con la funcion Math.ceil la redondeo*/
pag_total.text = Math.ceil(registro2);
}
}


Hasta aquí obtendremos ya los primeros 5 registros y las paginas obtenidas, compilemos nuestro fla y hagamos una prueba:

Nota: Estos archivos hay que correrlos en un servidor, yo le instale el IIS a mi Windows XP si no contamos con esto no podremos ver el resultado.

Nota: En el Dynamic Text con el nombre pagina hay que ponerle por default un 1 por que sabemos que siempre empezara de la página 1.




3.4- Aquí vemos como ya nos jalo los primeros 5 registros.


Última edición por Potro; 11/12/2007 a las 22:29