Hola amigos,
Estoy bastante pez en javascript y un amigo me pidió ayuda para crear una especie de "widget" que mostrara la previsión meteorológica de los próximos tres días. He intentado crear una especie de "interfaz" javascript entre el código del widget y un archivo PHP que contiene la lógica que se encarga de leer los datos de la AEMET(
www.aemet.es). Así está estructurado.
La página que quiere visualizar el widget contendrá el siguiente código:
Código HTML:
<script type="text/javascript" src="weather.js"></script>
<script type="text/javascript">
var options = {
aemet_id: '35015',
lang: 'es'
}
weatherLoad(options);
</script> options contendrá una serie de parámetros que el usuario podrá pasar de manera opcional.
Este código llama a una función contenida en weather.js, que se encarga de coger los parámetros pasados por el usuario y crear un iframe que llamará a un archivo(weather.php) al cual le pasará los parámetros indicados anteriormente.
Código HTML:
function weatherLoad(options){
var _AEMET_ID = '' ;
var _lang = 'es' ;
var _backgroundColor = '%23000' ;
var _font = 'Arial';
var _fontSize1 = '29px' ;
var _fontSize2 = '16px' ;
var _fontSize3 = '15px' ;
var _iconSize = '70px' ;
var _width = '575px';
var _height = '53px' ;
var _refresh = 60 ;
var _timeScroll = 4 ;
if(typeof options.aemet_id != "undefined")
_AEMET_ID = options.aemet_id;
if(typeof options.lang != "undefined")
_lang = options.lang;
if(typeof options.backgroundColor != "undefined")
_backgroundColor = options.backgroundColor;
if(typeof options.font != "undefined")
_font = options.font;
if(typeof options.fontSize1 != "undefined")
_fontSize1 = options.fontSize1;
if(typeof options.fontSize2 != "undefined")
_fontSize2 = options.fontSize2;
if(typeof options.fontSize3 != "undefined")
_fontSize3 = options.fontSize3;
if(typeof options.iconSize != "undefined")
_iconSize = options.iconSize;
if(typeof options.width != "undefined")
_width = options.width;
if(typeof options.height != "undefined")
_height = options.height;
if(typeof options.refresh != "undefined")
_refresh = options.refresh;
if(typeof options.timeScroll != "undefined")
_timeScroll = options.timeScroll;
document.write("<iframe id=\"weather_iframe\" name=\"weather_iframe\" src=\"http://external.netflie.es/vedadovision/weather.php?AEMET_ID="+_AEMET_ID+"&lang="+_lang+"&backgroundColor="+_backgroundColor+"&font="+_font+"&fontSize1="+_fontSize1+"&fontSize2="+_fontSize2+"&fontSize3="+_fontSize3+"&iconSize="+_iconSize+"&width="+_width+"&height="+_height+"&timeScroll="+_timeScroll+"&aleatorio="+aleatorio+"\" width=\""+_width+"\" height=\""+_height+"\" frameborder=\"0\" scrolling=\"no\"></iframe>");
// Refresh page
setTimeout('location.reload()', 1000*60*_refresh)
}
Vale... Y el problema viene en este punto. Este widget estará activo en una pantalla de televisión las 24 horas del día, los 7 días de la semana, los 365 días del año bla bla bla... Y la previsión meteorológica se actualiza diariamente. Por ello hago un setTimeout('location.reload()', 1000*60*_refresh) que se ejecuta cada 24 horas. El problema es el "location.reload()" ya que me recarga no sólo el archivo weather.js, sino también la página que lo contiene, y esto no me interesa, sólo me interesa recargar el archivo weather.js, o para ser más correctos: sólo me interesaría cargar ese iframe que llama al archivo weather.php y contiene la lógica del programa.
También había intentado con un:
Código HTML:
function weatherLoad(options){
...
function iframe(){
document.write("<iframe id=\"weather_iframe\" name=\"weather_iframe\" src=\"http://external.netflie.es/vedadovision/weather.php?AEMET_ID="+_AEMET_ID+"&lang="+_lang+"&backgroundColor="+_backgroundColor+"&font="+_font+"&fontSize1="+_fontSize1+"&fontSize2="+_fontSize2+"&fontSize3="+_fontSize3+"&iconSize="+_iconSize+"&width="+_width+"&height="+_height+"&timeScroll="+_timeScroll+"&aleatorio="+aleatorio+"\" width=\""+_width+"\" height=\""+_height+"\" frameborder=\"0\" scrolling=\"no\"></iframe>");
}
setTimeout("iframe()", tiempo);
}
pero me dice que la función iframe() no está definida.
También he intentado poner la función iframe() fuera de la función weatherLoad(), pero la página se queda en blanco y es como no se terminara de cargar nunca.
Resumiendo: necesito pasar a través de javascript una serie de parámetros a un iframe que llamar a un archivo PHP al cual le pasará por el método GET estos parámetros.
Espero haberme explicado.
Pueden ver el código en:
http://external.netflie.es/vedadovision/prueba.html
Gracias por su tiempo.