(comet) mostrar informacion en dos div diferentes uno con efecto fade y otro sin

[franjgg]

Hola amigos,

Vereis tengo un codigo comet que esta consultando continuamente si se ingresa algo en la BD y despues lo muestra en un div, hasta aqui todo bien la cosa es que necesito mostrar informacin en dos div deferentes uno que esta oculto y que al pulsar el boton se muestra y otro que esta siempre visible. ahora mismo todo los muestra dentro del mismo con lo que al pulsar el boton se muestra toda la informacion pero me giustaria que las dos informaciones que recoge las mostrase en div separados.

Este es el codigo Javascript:

Código Javascript:

var xmlhttp = function()
    {
        var a;try{a = new XMLHttpRequest();}
        catch(e){try{a = new ActiveXObject('Msxml2.XMLHTTP');}
        catch(e){try{a = new ActiveXObject('Microsoft.XMLHTTP');}
        catch(e){alert('Your browser doesn\'t support ajax');a=false;}
        }}return a;                                             
    };
        
         
         
    window.onload = function()
    {
        var a = new comet();
        
    };  
        
        
    var comet = function()
    {
        var a = new xmlhttp();
        a.open('post',window.location+"?"+Math.random()+"="+Math.random(), true);
        a.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        a.onreadystatechange = function()
        {
            if(a.readyState == 4)
            {
                document.getElementById('content').innerHTML = a.responseText;
                window.setTimeout(function(){
                    a = new comet();                    
                },1000);
                
            }
        };                                  
        a.send('algo=algo');                
    };
 

Este es el php donde podeis ver dos consultas la 1º muestra las noticias y la segunda el numero que encuentra, esto es lo que quiero que este separado en div, las noticias en el oculto que al pulsar muestra y el numero de noticias siempre visible:

Código PHP:

  if($_POST)   
{ 


    set_time_limit(0);     

    sleep(1);  
    session_start(); 

    if (!$conexion)
      {
      die('Could not connect: ' . mysql_error());
      }

    mysql_select_db("esfera10_rss", $conexion);



     $notificaciones = "select * from ".$_SESSION['Categoria'].'_noticias'." where id_noticia > '".$_SESSION["f"]."' order by id_noticia desc";                 
     $notificaciones = mysql_query($notificaciones, $conexion); 


          while($rs=mysql_fetch_array($notificaciones))  
            {  

                echo $rs['titulo'].'<br>';        
                                                                                                                                      
                        }


    mysql_select_db("esfera10_rss", $conexion);
    $sql = mysql_query("select * from ".$_SESSION['Categoria'].'_noticias'." where id_noticia > '".$_SESSION["f"]."' order by id_noticia desc",$conexion);
    $cuenta = mysql_num_rows($sql);
    echo $cuenta;
            
    mysql_close($conexion);    
    exit();
        
} 
   

y por ultimo el div y el link que llama a la funcion javascritp que muestra el div:

Código Javascript:

<script type="text/javascript">
function appearFromInvisible() {
$('content').setOpacity(0);
$('content').setStyle({visibility: 'visible'});
new Effect.Opacity(
   'content', { 
      from: 0.0, 
      to: 1.0,
      duration: 1.0
   }
);
}
</script>
 

echo '<div id="content" style="visibility: hidden; width:100%;">';


echo 'Cargando...';


echo '</div>';

?>

<a href="javascript:void(0)" onclick="appearFromInvisible(); return false;">Ver noticias</a>


Bueno amigos un saludo y mil gracias de antemano