Algemeen forum ontrent de ontwikkelng, design en hosting van weergerelateerde websites (dit laatste om een beetje on topic te blijven)
Door wvdkuil
#63137
Al enkele malen is mij gevraagd om 1 bepaalde pagina van de Leuven-Template ook beschikbaar te maken voor gebuik in andere omgevingen. Dat is dus al gebeurd voor de verwachtingen-scripts en de kleurtjes pagina.

Maar voor bijvoorbeeld de "Almanak zon en maan" is dat vrij veel werk.
http://www.weerstation-wilsele.be/index.php?p=astronomy&lang=nl
En er zijn en komen nog een paar pagina's voor de template die ook voor anderen heel interessant kunnen zijn alleen heb ik geen tijd om van ieder script ook een Saratoga en een stand-alone versie te maken.

Als je echter die Leuven pagina in een iframe aanroept met de "ipad" optie
http://www.weerstation-wilsele.be/index ... ng=nl&ipad
wordt het makkelijk om die pagina te integreren in de eigen website.

Als de template vanuit de standaard download wordt geïnstalleerd draait alles meteen omdat er voor alle data testbestanden aanwezig zijn. Dus om de pagina's te gebruiken die niet van weer-gegevens afhankelijk zijn kun je direct de ipad optie gebruiken en de pagina's in een iframe aanroepen in een andere omgeving.

Met behulp van aanpassingen in de css bestanden kan er een kleurstelling gekozen worden die precies past bij de eigen site. Er zijn een maar paar instellingen echt nodig zoals de coordinaten (latitude/longitude).

Voorbeeld inclusief aanpassing van de taal bij een Saratoga installatie:
http://www.wiri.be/saratoga/wxastronomyFrame.php
als vervanger van de huidige astronomy page
http://www.wiri.be/saratoga/wxastronomy.php

LET OP de Leuven pagina komt uit een draaiende template site en is dus NIET aangepast voor gebruik in deze Saratoga versie. Normaal zou je de intellingen van breedte wat meer op elkaar laten lijken, de kleurtjes aanpassen, de achtergrond transparant enzovoort.

Als het weerprogramma al door de template ondersteund wordt, geldt dat ook voor de Steelseries pagina's e.d. De template kan de benodigde data ophalen uit de root of waar die gegevens nu worden opgeslagen.

Groeten, Wim
Door wvdkuil
#63476
Ik heb voor diegenen die 1 of een paar pagina's uit de template in hun huidige website willen gebruiken het iets makkelijker gemaakt. Vervang de huidige weather2/index.php door deze aangepaste versie.

Voorbeeld werking:
normale pagina: http://www.weerstation-leuven.be/weathe ... 11&lang=en
De normale pagina is in de breedte vast en de breedte is op basis van de wssettings.php

adaptable pagina: http://www.weerstation-leuven.be/weathe ... ng=en&ipad
De "&ipad" toevoeging aan de url haalt alle overbodige zaken (headers / menu e.d.) weg zodat alleen de kern van de pagina overblijft. Maar tot de aanpassing aan index.php was de breedte nog steeds die van de wsSettings.php. Nu is de breedte 100% en is dus precies passend in een iframe waarin de aanroep wordt gedaan. En natuurlijk ook precies passen in de browser, maar dat is niet echt nuttig.

Deze aanpassing maakt het gebruik van Leuven-scripts in een eigen website veel eenvoudiger.

VRAAG: Ik moet nu nog uitzoeken hoe je de hoogte van een iframe passend kan maken op basis van de inhoud. Heeft iemand al de juiste javascript code?

Bedankt, Wim
Bijlagen
(6.78 KiB) 232 keer gedownload