Comunidad de diseño web y desarrollo en internet online

Problema para cambiar Barra de Noticias (XML,CSS, Fash)

Citar            
MensajeEscrito el 30 Ene 2008 08:29 pm
Hola, antes que nada quiero decirles que soy un novato en el manejo de Action Scrip y de Flash... Mi duda es como puedo hacer para que en lugar de que se muestren las noticias de arriba hacia abajo, se hagan mejor de abajo hacia arriba... He comprendido algunos conceptos del codigo que acontinuación anexo pero por mas que he intentado los resultados son solamente grandes fracasos. Ojala puedan ayudarme se que para algunos de ustedes no resulte gran cosa pero para mi si ha sido muy dificil comprender el codigo y eso que se encuentra de muy buena forma documentado. De antemano les agradezco mucho por su ayuda :)

Nota: Las dimensiones del documento que uso son de anchura 209 y altura 250.

Código :


stop();

//Cargar XML de las noticias
noticias = new XML();
noticias.ignoreWhite = true;
noticias.onLoad = function (){

   //Porcentajes y esas cosas
   totalxml = noticias.getBytesTotal();
   cargadoxml = noticias.getBytesLoaded();
   porcentajexml = Math.round((cargadoxml/totalxml)*100);

   //Si esta cargado del todo
   if (porcentajexml >= 100) {
      //Borramos el cargando
      removeMovieClip(cargando);
      
      //Shortcuts del XML
      notis_puerto = new Array();
      titulo = new Array();
      urls = new Array();
      
      //Cogemos el numero de noticias
      long = noticias.firstChild.childNodes.length;
      
      cargarCSS();
   }
}

//Atacheamos y posicionamos el "cargando xml"
attachMovie("carga_xml","cargando",2);
cargando._x = 45;
cargando._y = 94;

//Atacheamos la linea de abajo del todo
attachMovie("linea","linea_abajo",5000);
linea_abajo._x = 0;
linea_abajo._y = 329;

//Atacheamos la caja de fondo

//Cargamos XML
noticias.load("noticias.xml");


/*-------------------------------------------------------------------------------*/
/*---------------------   FUNCION PARA CARGAR LA HOJA CSS    --------------------*/
/*-------------------------------------------------------------------------------*/
function cargarCSS(){
   //Creamos la hoja de estilo
   estailo = new TextField.StyleSheet();
   
   //Cuando este cargando...
   estailo.onLoad = function(){
      
      //Porcentajes y esas cosas
      totalcss = estailo.getBytesTotal();
      cargadocss = estailo.getBytesLoaded();
      porcentajecss = Math.round((cargadocss/totalcss)*100);
   
      //Si esta cargado del todo
      if (porcentajecss >= 100) {
         //Borramos el cargando
         removeMovieClip(cargando2);
         
         //Una vez esta cargada la CSS ya podemos saber cuantas lineas hay
         //por cada caja de texto
         
         //Creamos un clip y un campo de texto temporales
         _root.createEmptyMovieClip("temp_mc", 7);
         
         //Al campo de texto le ponemos el mismo tamaño de ancho que va a haber en
         //el de verdad. Le ponemos alto 16, que es lo que mide una linea. Así 
         //podemos saber el número de líneas que tenemos.
         temp_mc.createTextField ("notis_txt",8,-150,-20,208,16);
         
         //Ponemos las propiedades a nuestro campo de texto nuevo
         temp_mc.notis_txt.multiline = true;
         temp_mc.notis_txt.wordWrap = true;
         temp_mc.notis_txt.html = true;
         
         for (i=0; i<long; i++){
            //Cogemos los titulos de las noticias
            titulo[i] = noticias.firstChild.childNodes[i].attributes.titulo;
            
            //Cogemos las urls de las noticias
            urls[i] = noticias.firstChild.childNodes[i].attributes.urls;
   
            //Cogemos el texto y lo ponemos en la caja de texto temporal
            temp_mc.notis_txt.htmlText = "<p class='tit'>"+titulo[i]+"</p><br><p class='txt'>"+noticias.firstChild.childNodes[i].firstChild+"</p>";
            
            //Cogemos el numero de lineas por texto
            notis_puerto[i] = temp_mc.notis_txt.maxscroll-1;
         }
         //Eliminamos el clip temporal
         removeMovieClip(_root["temp_mc"]);
         //Montamos las noticias
         montarNoticias();
      }

   }
   attachMovie("carga_css","cargando2",3);
   cargando2._x = 45;
   cargando2._y = 94;
   estailo.load("noticias.css");
}


/*-------------------------------------------------------------------------------*/
/*---------------------   FUNCION PARA MONTAR LAS NOTICIAS    -------------------*/
/*-------------------------------------------------------------------------------*/
function montarNoticias(){
   par = true;
   for (i=0; i<long; i++){
      //Ponemos la caja
      _root.attachMovie ("caja_info","caja"+i,i*10);
      //Creamos el color
      _root["caja"+i].colorcaja = new Color(_root["caja"+i].fondo.fondocolor);
      //Le damos una altura igual a 16 por el numero de lineas que tenga
      _root["caja"+i].fondo._height = 16 * notis_puerto[i];
      
      //Pintamos la caja
      if (par == true){
         _root["caja"+i].colorcaja.setRGB(0x5a759f);
         _root["caja"+i].micolor = "0x5a759f";
         par = false;
      }
      else{
         _root["caja"+i].colorcaja.setRGB(0x5a759f);
         _root["caja"+i].micolor = "0x5a759f";
         par = true;
      }
      
      //Si no existe altura, le damos 0 y asi se posiciona la primera caja
      //en y=0
      if (altura == undefined){
         altura = 0;
      }
      //Si existe, le damos una altura igual, a:
      //"altura acumulada" = "altura acumulada" + "altura anterior clip"
      else{
         altura = altura + _root["caja"+(i-1)].fondo._height;
      }
      
      //Posicionamos la caja
      _root["caja"+i]._x = 0;
      _root["caja"+i]._y = altura;
      
      //Creamos la caja de texto y ponemos sus propiedades
      _root["caja"+i].createTextField("texto_txt",i*37,2,1,208,16 * notis_puerto[i]);
      _root["caja"+i].texto_txt.html = true;
      _root["caja"+i].texto_txt.multiline = true;
      _root["caja"+i].texto_txt.wordWrap = true;
      _root["caja"+i].texto_txt.border = false;
      _root["caja"+i].texto_txt.selectable = false;
      _root["caja"+i].direc_url = urls[i];
      
      //Atacheamos al texto la hoja CSS
      _root["caja"+i].texto_txt.styleSheet = estailo;
      
      //Ponemos el titulo
      _root["caja"+i].texto_txt.htmlText = "<p class='tit'>"+titulo[i]+"</p><br>";

      //Ponemos los textos de las noticias
      _root["caja"+i].texto_txt.htmlText += "<p class='txt'>"+noticias.firstChild.childNodes[i].firstChild+"</p>";
   }
   //Mostramos la pestañita
   attachMovie("pestana","pestanita",2000);
   pestanita._x = 0;
   pestanita._y = 0;
   
   siguiente_y = 0;
   y_arriba = 0;
   
   //Posicionamos todos los clips por debajo de 250 sobre 0
   //Empezamos por el ultimo y vamos subiendo
   for (i=long; i>0; i--){
      if (_root["caja"+i]._y > 250){
         siguiente_y = siguiente_y - _root["caja"+i]._height + 1;
         _root["caja"+i]._y = siguiente_y;
      }
   }
   
   //Una vez esta todo montado movemos las noticias
   moverNoticias();
}

/*-------------------------------------------------------------------------------*/
/*---------------------   FUNCION PARA MOVER LAS NOTICIAS    --------------------*/
/*-------------------------------------------------------------------------------*/
function moverNoticias(){
   //Si es la primera vez forzamos el movimiento, si no empiezan paradas las cajas
   if (primera_vez == undefined){
      //Creamos el evento y se empiezan a mover las cajas
      _root.onEnterFrame = function(){
         
         for (i=0; i<long; i++){
            //Si la caja llega a abajo del todo
            if (_root["caja"+i]._y > 250){
               y_arriba = 0;
               
               //Calculamos donde hay que posicionar el clip que llega abajo
               for (j=0; j<long; j++){
                  //Todos los clips que esten por encima de 0
                  if (_root["caja"+j]._y < 0){
                     //Cogemos la posicion y que haya mas arriba
                     y_actual = _root["caja"+j]._y;
                     if (y_actual < y_arriba){
                        y_arriba = y_actual;
                     }
                  }
               }
               //Lo posicionamos arriba, siendo esta posicion:
               //"y del clip actual" = "posicion del clip de mas arriba" - "altura del clip actual" + 1;
               _root["caja"+i]._y = y_arriba - _root["caja"+i]._height + 1;
            }
            //Hacemos que vayan bajando las cajas
            _root["caja"+i]._y += 1;
         }
      }
      primera_vez = false;
   }
   /***************************************************************************/
   
   
   //"el_fondo" controla a cada fotograma si estamos o no encima de las noticias
   el_fondo.onEnterFrame = function(){
      for (i=0; i<long; i++){
         //Si clicamos en la caja, vamos a la direccion "x"
         _root["caja"+i].onPress = function(){
            getURL (this.direc_url, "_blank");
         }
         //Si nos ponemos encima de la caja, eliminamos el evento y se para
         _root["caja"+i].onRollOver = function(){
            //Iluminar
            this.colorcaja.setRGB(0x5c79a6);
            delete _root.onEnterFrame;
         }
         //Si nos salimos de las cajas, se empieza a mover otra vez
         _root["caja"+i].onRollOut = function(){
            //Pintamos la caja con el color anterior
            this.colorcaja.setRGB(this.micolor);
            
            //Creamos el evento y se empiezan a mover las cajas
            _root.onEnterFrame = function(){
               
               for (i=0; i<long; i++){
                  //Si la caja llega a abajo del todo
                  if (_root["caja"+i]._y > 250){
                     y_arriba = 0;
                     
                     //Calculamos donde hay que posicionar el clip que llega abajo
                     for (j=0; j<long; j++){
                        //Todos los clips que esten por encima de 0
                        if (_root["caja"+j]._y < 0){
                           //Cogemos la posicion y que haya mas arriba
                           y_actual = _root["caja"+j]._y;
                           if (y_actual < y_arriba){
                              y_arriba = y_actual;
                           }
                        }
                     }
                     //Lo posicionamos arriba, siendo esta posicion:
                     //"y del clip actual" = "posicion del clip de mas arriba" - "altura del clip actual" + 1;
                     _root["caja"+i]._y = y_arriba - _root["caja"+i]._height + 1;
                  }
                  //Hacemos que vayan bajando las cajas
                  _root["caja"+i]._y += 1;
               }
            }
         }
      }
   }
}

Por silenthillxp

2 de clabLevel



 

msie7
Citar            
MensajeEscrito el 18 Feb 2008 06:49 pm
yo tengo los archivos corriendo de abajo hacia arriba, si quieres dame tu correo para pasartelos

Por alextremo

3 de clabLevel



 

msie
Citar            
MensajeEscrito el 21 May 2008 04:36 pm
Yo tengo el mismo problema, podrías mandarme el mismo ejemplo pero que las noticias se visualicen de abajo para arriba... mi mail esta en mi firma. Gracis!

Por martingb

6 de clabLevel



Genero:Masculino  

msie7
Citar            
MensajeEscrito el 19 Sep 2008 05:54 pm

Código :

function moverNoticias(){
   //Si es la primera vez que entra forzamos el movimiento
   if (primera_vez == undefined){
      
      _root.onEnterFrame = function(){
         for (i=0; i<long; i++){
            
            if (_root["caja"+i]._y < ( _root["caja"+i]._height * (-1) )){
               y_abajo = -10;

               //Calculamos donde hay que posicionar el clip que llega arriba
               for (j=0; j<long; j++){
                  
                  //Todos los clips que esten por debajo de 0
                  if (_root["caja"+j]._y > (-10)){
                     //Cogemos la posicion y que haya mas abajo
                     y_actual = _root["caja"+j]._y;
                     if (y_actual > y_abajo){
                        y_abajo = y_actual;
                        altura_abajo = _root["caja"+j]._height;
                     }
                  }
               }
               //Lo posicionamos abajo siendo esta posicion:
               //"y del clip actual" = "posicion del clip de mas abajo" + "alto del clip de mas abajo"
               _root["caja"+i]._y = y_abajo + altura_abajo - 1;

            }
            _root["caja"+i]._y -= 1;
         }
      }
      primera_vez = false;
   }
   /*-------------------------------------------------------------------------------*/
   
   
   //Si nos salimos de encima de las cajas se mueven
   el_fondo.onEnterFrame = function(){
      for (i=0; i<long; i++){
         //Si clicamos en la caja, vamos a la direccion "x"
         _root["caja"+i].onPress = function(){
            getURL (this.direc_url);
         }
         //Si nos ponemos encima de la caja, eliminamos el evento y se para
         _root["caja"+i].onRollOver = function(){
            //Iluminar
            this.colorcaja.setRGB(0xCDFBFE);
            delete _root.onEnterFrame;
         }
         //Si nos salimos de las cajas, se empieza a mover otra vez
         _root["caja"+i].onRollOut = function(){
            //Pintamos la caja con el color anterior
            this.colorcaja.setRGB(this.micolor);
            
            //Creamos el evento y se empiezan a mover las cajas
            _root.onEnterFrame = function(){
               for (i=0; i<long; i++){
                  
                  if (_root["caja"+i]._y < ( _root["caja"+i]._height * (-1) )){
                     y_abajo = -10;
      
                     //Calculamos donde hay que posicionar el clip que llega arriba
                     for (j=0; j<long; j++){
                        
                        //Todos los clips que esten por debajo de 0
                        if (_root["caja"+j]._y > (-10)){
                           //Cogemos la posicion y que haya mas abajo
                           y_actual = _root["caja"+j]._y;
                           if (y_actual > y_abajo){
                              y_abajo = y_actual;
                              altura_abajo = _root["caja"+j]._height;
                           }
                        }
                     }
                     //Lo posicionamos abajo siendo esta posicion:
                     //"y del clip actual" = "posicion del clip de mas abajo" + "alto del clip de mas abajo"
                     _root["caja"+i]._y = y_abajo + altura_abajo - 1;
      
                  }
                  _root["caja"+i]._y -= 1;
               }
            }
         }
      }
   }
   //Si nos ponemos encima destruimos el evento
   el_fondo.onRollOver = function(){
      delete _root.onEnterFrame;
   }
}

Por da_vidricota

20 de clabLevel



 

firefox

 

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