le MEMO du WEB développeur
 

••• Astuces de programmation •••   Liste des Mémos, astuces et bonnes pratiques

Garder une variable de session après fermeture du navigateur - PHP
Créer un bouton imprimer sur sa page web - Javascript
Empêcher de coller du texte dans un champs input de type text - JQuery
Retrouver les coordonnées latitude longitude d'un endroit avec Google Map - Divers
Ajouter un masque de saisie dans un champs input text - JQuery
Une image de background aléatoire - CSS
Empêcher l'autocomplétion dans les formulaires - HTML
Une liste d'articles au hasard dans Wordpress - Wordpress

DatePicker de JQuery : Déployer le calendrier à l'ouverture de la page - JQuery

Le plugin calendrier Datepicker de JQueryUI se déploie par défaut si l'on click sur le champs de date (en fait lorsque le champs prend le focus) → voir exemple ici sur le champs de la date de naissance.

On peut parfois vouloir déployer le calendrier automatiquement dès l'ouverture de la page, pour ce faire il sufffit, grâce à JQuery de mettre le focus sur l'input du champs de date au chargement de la page

Code HTML :

<input id="moncalendrier" type="datepicker"  name="moncalendrier" value="04/12/2012"/>

Code JQuery :

<script type="text/javascript">     
 $(document).ready( function () {
    $( "#moncalendrier").datepicker({ showOn: "both",                           
        buttonImage: "../img/b_calendar.png",
        buttonImageOnly: true,
        buttonText:'Cliquer pour choisir une date',
        onClose: function(dateText, inst) {  }, $options });

    $('#moncalendrier').focus();
       
});    
</script>

 

publié le 04/12/2012 par Memo Web
AstuceDates
Commenter le Mémo :

Apparition d'un élément en fondu avec JQuery sur le survol de souris - JQuery
Détecter un click à l'extérieur d'un élément avec JQuery - JQuery
Afficher une image différente selon la date de l'année en javascript - JQuery
Atteindre une ancre avec JQuery - JQuery
Détecter lorsqu'on appuie sur la touche entrée en JQuery - JQuery
Comment ne pas interpréter une commande HTML à l'affichage - HTML
Padding et margin en hauteur ne fonctionnement pas sur éléments inline - HTML
Revenir à la page précédente du navigateur - HTML
Trouver le chemin canonique absolu d'un répertoire - HTML
Faire appel à un fichier CSS à l'intérieur d'un autre fichier CSS - CSS
Faire clignoter un élément avec JQuery - JQuery
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos