Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/11/2012, 17:16
franjgg
 
Fecha de Ingreso: marzo-2007
Mensajes: 751
Antigüedad: 17 años, 1 mes
Puntos: 4
Complicado - Efecto fade in-out de newsticker no funciona dentro de comet

Hola como estais vereis.

Estoy trabajando con comet para recuperar cuando se ingrase una noticia en la base de datos recuperarla automaticamente esto va perfectamente el problema es que quiero que la muestre con un efecto fade in y out para motrar la siguiente noticia que se encuentre.

Mirad este es el comet:


Código Javascript:
Ver original
  1. var xmlhttp = function()
  2.     {
  3.         var a;try{a = new XMLHttpRequest();}
  4.         catch(e){try{a = new ActiveXObject('Msxml2.XMLHTTP');}
  5.         catch(e){try{a = new ActiveXObject('Microsoft.XMLHTTP');}
  6.         catch(e){alert('Your browser doesn\'t support ajax');a=false;}
  7.         }}return a;                                            
  8.     };
  9.        
  10.          
  11.          
  12.     window.onload = function()
  13.     {
  14.         var a = new comet();
  15.     };  
  16.        
  17.  
  18.     var comet = function()
  19.     {
  20.  
  21.         var a = new xmlhttp();
  22.         a.open('post',window.location+"?"+Math.random()+"="+Math.random(), true);
  23.         //a.open('post',"index.php?"+Math.random()+"="+Math.random(), true);               
  24.         a.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  25.         a.onreadystatechange = function()
  26.         {
  27.             if(a.readyState == 4)
  28.             {
  29.                 document.getElementById('content').innerHTML = a.responseText; 
  30.                 //document.getElementById('content1').innerHTML = a.responseText;                                                          
  31.                 window.setTimeout(function(){
  32.                     a = new comet();                  
  33.                 },2000);
  34.                
  35.             }
  36.         };                                 
  37.         a.send('algo=algo');              
  38.     };


Y este es el php


Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
  <LINK REL="StyleSheet" HREF="estilo.css" TYPE="text/css">
  <script type="text/javascript" src="comet.js"></script>
  <script type="text/javascript" src="scriptaculous.js"></script>
    <script type="text/javascript" src="js/prettify.js"></script>    
  <script type="text/javascript" src="js/builder.js"></script>
  <script type="text/javascript" src="js/dragdrop.js"></script>
  <script type="text/javascript" src="js/controls.js"></script>
  <script type="text/javascript" src="js/slider.js"></script>
  <script type="text/javascript" src="js/select.js"> </script>     
    <script type="text/javascript" src="js/prototype.js"></script>        
  <script type="text/javascript" src="js/effects.js"></script>     
  <script type="text/javascript" src="js/newsticker.js"> </script>
</head>
<?
session_start
(); 
include_once(
'conexion.php');        
    



if(
$_POST)   
{         
                         
$consulta "SELECT titulo FROM Tecnologia_noticias LIMIT 3";
                         
$resultado mysql_query($consulta,$conexion);
                         
$array mysql_fetch_array($resultado);                             
            
                         echo 
'<div id="newsticker">';
                   echo 
'<ul>';                             
                               while(
$array mysql_fetch_array($resultado)){
                         echo 
'<li>'.$_SESSION['NN']=utf8_encode(addslashes($array['titulo'])).'</li>';                                                                   
                         }     
                         
                               echo 
'</ul>';
                     echo 
'</div>'
    
}                     


                  
?>         
<body>
          <div align="center" style="position:relative; width:1100px; height:0px; ">
            <div id="content" style=" width:30px; height:0px;  position:absolute; top:-72px; left:180px; z-index:999;">

          </div></div>
</body>
</html>

Decir que el script que uso para hacer el efecto fade in-out es este http://bartelme.at/journal/archive/a...ipt_newsticker

A ver si alguien pude intuir que le puede estar pasando.

Un saludo amigos