Widget météo

Générer votre widget

Choisissez vos options

Thème :
Ajouter une ombre :
Afficher les alertes :
Afficher le temps actuel :
Afficher les prévisions du jour :

Qu’est-ce qu’un widget ?

Un widget est une petite application, une sorte de mini page web qu’il est possible d’inclure sur un site Internet afin d’afficher diverses informations provenant d’un site tiers.

Dans le cas des widgets MeteoLux, ils vous permettent d’afficher sur votre site, quasi en temps réel et sans besoin de mise à jour de votre part, la météo actuelle (temps, températures, heures de lever et coucher du soleil et de la lune) ainsi que des prévisions pour les prochains jours et les éventuelles alertes météo et routière du jour.

Installer le widget sur votre page web

Le widget est très simple à installer et gratuit. Pour l’inclure sur votre site Internet, copier le code suivant et coller le, dans votre code HTML, à l’endroit ou vous désirez afficher le widget :

<div id="meteolux-widget">
<script type='text/javascript' src='http://v2.meteolux.lu/widget/ml-widget.js'></script>
<script type='text/javascript'>
var widget = new Meteolux({
   theme: "light",
   maxWidth: "400",
   displayAlert: true,
   displayToday: true,
   displayTodayNext: true,
   nextDaysNumber: 4,
   containerID: "meteolux-widget"
});
</script>

Afin de personnaliser le widget, vous pouvez changer les options suivantes :

theme : ’dark’
Le theme peut être "dark" ou "light". Selont l’option choisie, les couleurs seront différentes.
dropShadow : true
Si vous ne souhaitez pas avoir d’ombre autour du widget indiquez ’false’.
maxWidth : ’1000’
maxWidth détermine la largeur maximale de l’élément contenant le widget. Sa valeur maximal est 1000 pixels. Valeur minimum conseillée : 320.
displayAlert : true
Si vous ne souhaitez pas afficher les alertes, indiquez ’false’.
displayToday : true
Si vous ne souhaitez pas afficher les informations actuelles du jour, indiquez ’false’.
displayTodayNext : true
Si vous ne souhaitez pas afficher les prévisions du jour, indiquez ’false’.
nextDaysNumber : 4
L’option "nextDaysNumber" vous permet de choisir le nombre de prochains jours à afficher. Le maximum autorisé est 4.
fontFamily : ’Open sans’
Si vous le souhaitez, vous pouvez utiliser une autre police de caractères. Attention cependant, vous devez vous assurer que votre police est chargée. La police par défaut est ’Open sans’ et est chargée depuis google font.
containerID : ’meteolux-widget’
Si vous souhaitez afficher plusieurs widgets, vous aurez besoin de spécifier quel élément inclura le widget via son id.