La lune aujourd'hui dans votre web

Voir dans une autre couleur de fond
Configuration

Taille (pixels)

Teinte
Clarté

Options:

Utilisez cette option uniquement pour configurer avec CSS. Voir un exemple dans Codepen

Légende

Langue du texte

Code à coller sur votre site

Remarques:
  1. Si vous voulez, vous pouvez définir le conteneur DIV de la lune dans votre feuille de style
    Par exemple:.
    #contain_moon{ background-color:gray; color:white; font-family:Arial; }
  2. Lune clique sur le mois de calendrier lunaire. (Ne pas manipuler ce lien)
  3. Ce widget ne charge pas les scripts de votre site afin qu'il ne génère pas les cookies.
  4. Langues disponibles widget de sortie: Català ; Deutsch ; English ; Español ; Française ; Italiano ; Polski ; Português ; русский ; 中国 ;
  5. Voir un exemple dans Codepen
  6. Ce widget vous donne plus

    Créer fonction 'moon_widget_loaded' pour la Lune pendant tout le mois.

    Exemple:

    Voir l'exemple

    <div id="ex_moon_1" style="text-align:center"><!-- row 1 --></div> <div id="ex_moon_2" style="text-align:center"><!-- row 2 --></div> <script> function moon_widget_loaded(moon){ /* row 1 */ var html='<div>'+moon.nameMonth[moon.month]+' '+moon.year+'</div>' for (i=1;i<=moon.daysMonth;i++){ if (moon.phase[i].isPhaseLimit){ html+='<div style="display:inline-block;border:1px solid #cccccc;text-align:center;margin:2px;padding:0px 5px;vertical-align:top">' html+= moon.nameDay[moon.phase[i].dayWeek] +" "+i html+='<div>'+moon.phase[i].svg+'</div>' html+="<div>"+moon.phase[i].phaseName + "</div>" html+="</div>" } } document.getElementById("ex_moon_1").innerHTML=html /* row 2 */ html=""; var days =[1,15,moon.daysMonth] for (day in days){ i=days[day] html+='<div style="display:inline-block;border:1px solid #cccccc;text-align:center;margin:2px;padding:0px 5px;vertical-align:top">' html+= moon.nameDay[moon.phase[i].dayWeek] +" "+i html+='<div>'+moon.phase[i].svg+'</div>' html+="<div>"+moon.phase[i].phaseName + "</div>" if (!moon.phase[i].isPhaseLimit)html+=Math.round(moon.phase[i].lighting)+"%" html+="</div>" } document.getElementById("ex_moon_2").innerHTML=html } </script>

     

    Object moon
    • moon.month : Number → 0 (Janvier) - 11 (Décembre)
    • moon.year : Number
    • moon.firstDayMonth : Number → 1 (Lundi) - 7 (Dimanche)
    • moon.daysMonth : Number → 28 - 31
    • moon.nameDay : Array → ['Lundi', 'Mardi' ...]
    • moon.nameMonth : Array → ['Janvier', 'Février' ...]
    • moon.phase [1 - moon.daysMonth ] : Object →
      • .phaseName : String
      • .isPhaseLimit : Boolean
      • .lighting : Number %
      • .timeEvent : String h:m:s
      • .dayWeek : Number → 0 (Lundi) - 6 (Dimanche)
      • .svg : String svg image