refrescar div sin utilizar otros archivos externos

alette666 · #1 (**permalink**) 18/11/2011, 13:07

Hola gente forera veran tengo un pequeño quilombete con este codigo:

Código HTML:

<html>
<head>
<title>titulo y listen de la radio</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#load_tweets').load('title-song.php').fadeIn("slow");
}, 10000); // refrescamos cada 10000 millisegundos
</script>
</head>
<body>
<div id="load_tweets"><!--este es el código q deberá refrescar cada 10 segundos-->
<script type="text/javascript" src="http://shoutcast.mixstream.net/js/song/uk2-free:8826"></script></div>
</dody>
</html>

Lo que quiero sacar es esa parte del codigo que dice "load('title-song.php')" para q no me cargue un archivo externo, porque en la función adentro del div ya hay un código que me muestra Titulo de la canción y cuantos oyentes tengo en ese momento.

Pero acá esta el problema:

ustedes me dirán: pone el código que actualmente tenes en el div y ponlo en title-song.php, dentro de la etiqueta <div>...</div> ponle una leyenda como "loading..." y q cargue luego el archivo "title-song.php con el tiempo q le diste; pero lo he echo de esa forma pero al cabo de los 10 segundos el div me queda vacío y no me carga el script.

queria q quede algo asi:

Código HTML:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#load_tweets').fadeIn("slow");
}, 10000); // refrescamos cada 10000 millisegundos
</script>

<div id="load_tweets"><!--este es el código q deberá refrescar cada 10 segundos-->
<script type="text/javascript" src="http://shoutcast.mixstream.net/js/song/uk2-free:8826"></script></div>

como lo puedo hacer gente, un cable alguien tiene para tirar?