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?