Une fois n’est pas coutume et puisqu’en ce moment, ce n’est pas le grand débordement niveau projet et niveau inspiration pour ce blog, voici un site fort fort utile pour tout ceux qui voudraient afficher un calendrier javascript sur leur site.

Très simple d’utilisation, entièrement “personnalisable” aussi bien d’un point de vue style (css) que fonctionnel (de nombreux paramètres sont disponibles)

Et puisque le mieux en général reste de donner un exemple, voici un exemple de ce que ça peut donner.

 Voir le calendrier

Et pour l’utiliser c’est très simple, télécharger le fichier javascript ici, il suffira juste que vous l’insériez dans votre page de façon on ne peut plus classique :

<script src=“url_du_fichier_javascript”></script>

Ensuite, il faut (et il suffit) d’insérer un peu de javascript dans vos pages… comme ceci :

Dans un premier temps, vous “initialisez” votre calendrier (et lui spécifier l’id d’un div si besoin (cf ci-dessous ) :

# Javascript
var calendrierSympathique = new CalendarPopup('calendrierMasque');
// Définition du jour de départ du calendrier (Lundi : 1 / Dimanche : 0) [defaut : 0]
calendrierSympathique.setWeekStartDay(1);
// Pour faire un calendrier DropDown (qui ne s'ouvre pas dans une nouvelle fenêtre)
calendrierSympathique.showNavigationDropdowns();
// Le texte utilisé pour Aujourd'hui [defaut : "Today"]
calendrierSympathique.setTodayText("Aujourd'hui");
// Les préfixes des jours de la semaine [Defaut : en anglais]
calendrierSympathique.setDayHeaders("D","L","M","M","J","V","S");
// Les noms des mois [Defaut : en anglais]
calendrierSympathique.setMonthNames("Janvier", "Février", "Mars", "Avril", "Mai", "Juin",
"Juillet", "Aout", "Septembre", "Octobre", "Novembre", "Décembre");

Pour finir, vous n’avez plus qu’à appeler votre petit calendrier et à l’afficher et à l’utiliser où bon vous semble !

<div id=”calendrierMasque” style=”position:absolute;visibility:hidden;background-color:#efefef;layer-background-color:#efefef;” name=”calendrierMasque”></div>
<a href=”#” onclick=”calendrierSympathique.select(getElementById(’date_publication’),’anchordate’,'dd/MM/yyyy’); return false;” name=”anchordate” id=”anchordate”>Voir le calendrier</a>

Et puis bon, comme je suis pas un méchant, je vais citer quand même le créateur de ce chouette calendrier : Matt Kruse (thanks a lot) : http://www.mattkruse.com/javascript/calendarpopup/index.html
Vous y trouverez tout les paramétrages disponibles et de nombreux examples ici : http://www.mattkruse.com/javascript/calendarpopup/

Il est possible de récupérer des variables dans l’url en php, en asp, en tout ce qu’on veut…
Mais quid du javascript ?
Effectivement, est-il possible facilement de récupérer les variables Get ?
A cela, je répond oui, et voila quelques explications simples.

Hop, en php, vous utiliserez $_GET['nom_variable'] , en asp request.querystring['nom_variable'], en javascript, vous n’aurez plus qu’à utiliser GetUrlParam(’nom_variable’);

function GetUrlParam( paramName )
{
var oRegex = new RegExp( ‘[\?&]‘ + paramName + ‘=([^&]+)’, ‘i’ ) ;
var oMatch = oRegex.exec( window.top.location.search ) ;

if ( oMatch && oMatch.length > 1 )
return decodeURIComponent( oMatch[1] ) ;
else
return ” ;
}

C’est cadeau, c’est partage, je fais tourner !
Bonsoir !