736
Creacion de páginas personales meteorológicas / Re:Plantilla Jachym (Meteotemplate)
« en: 24 de Junio del 2016, 20:33:23 pm »
El concepto de "menuBlock", es una idea brillante; ya que permite agrupar varios bloques que aparecerán en un menú desplegable (tipo hamburgesa) y que nos permite elegir el que queramos ver en ese momento.
Con esto se consigue no sobrecargar el navegador, ya que éste solo carga por defecto el primer bloque de dicho menú.
Así que desde ahora podemos tener infinidad de bloques en nuestra página principal de forma "silente", ya que solo se activan al desplegar el menú desplegable y elegir la opción.
La forma de elegir los bloques hasta ahora, era:
A partir de ahora, lo podemos combinar con:
Hay que tener en cuenta que, dentro del menuBlock, el signo de separación es ;
Lo podéis ver en acción, aquí:
http://kocher.es/meteotemplate/
Fijaros que la mayoría de los bloques, tiene un signo de menú desplegable en su esquina superior izquierda. Al pinchar en él, se despliega un menú con los otros bloques que hayamos indicado en nuestro código.
Este es el código empleado para esta página ("indexDesktop.php"):
Con esto se consigue no sobrecargar el navegador, ya que éste solo carga por defecto el primer bloque de dicho menú.
Así que desde ahora podemos tener infinidad de bloques en nuestra página principal de forma "silente", ya que solo se activan al desplegar el menú desplegable y elegir la opción.
La forma de elegir los bloques hasta ahora, era:
Código: [Seleccionar]
$column1 = array("stationStatus","countDown","stationData","trends"......,"qrCode");
A partir de ahora, lo podemos combinar con:
Código: [Seleccionar]
$column1 = array("stationStatus","countDown","menuBlock(stationData;trends)".......,"qrCode");
Hay que tener en cuenta que, dentro del menuBlock, el signo de separación es ;
Lo podéis ver en acción, aquí:
http://kocher.es/meteotemplate/
Fijaros que la mayoría de los bloques, tiene un signo de menú desplegable en su esquina superior izquierda. Al pinchar en él, se despliega un menú con los otros bloques que hayamos indicado en nuestro código.
Este es el código empleado para esta página ("indexDesktop.php"):
Código: [Seleccionar]
$columnWidths = array(25,50,25);
$column1 = array(
"stationStatus",
"menuBlock(trends;stationData;baroTrend;extremes;spainExtremes;history)",
"rain",
"menuBlock(cloudHeight;cloudTemp)",
"sunmoon",
"rssFeed",
"menuBlock(earthquakes;hurricaneRSS)",
"menuBlock(map;location)",
"qrCode");
$column2 = array(
"menuBlock(current;currentAustralia;currentUS)",
"menuBlock(warningsEUregions;warningsEU;warningsCA;warningsUS;warningsAU)",
"menuBlock(wxsim3en1;forecastSpain;forecast;summary)",
"menuBlock(webcam;timelapse)",
"menuBlock(radareusk;radarEU;radarAU;radarCA;radarUS;radarCzech)",
"menuBlock(graphtransp;interactiveGraph;meteogram;diarytemp;evapo48h;climatograph)",// climatograph
"menuBlock(gaugeswind;gauges)",//gauges;gaugeswind
"worldWeather"); // "gaugeswind" "worldWeather"
$column3 = array(
"greetings",
"menuBlock(clockDigital;clock;calculator;countDown)",
"menuBlock(calendarMonth;calendar)",
"menuBlock(riset;dayNight;moonPhase)",
"menuBlock(mareas;tides)",
"menuBlock(nearEarthObjects;astroEvents;meteors;solarEclipses;lunarEclipses;glossary)",
"nasaImg",
"fireDanger",
"images",
"menuBlock(spainUV;;co2;airQualityWorld)",
"menuBlock(weatherNetworks;partnerStations)",
"menuBlock(info;dbInfo)"
);