11499 sujets

JavaScript, DOM et API Web HTML5

[Résolu] Je n'affiche pas datepicker

Bonjour,

J'ai un problème concernant Jquery, je n'arrive pas à afficher le datepicker quand je clique sur ma zone input de date.
Ci après le code php, je n'ai mis que le code concernant la saisie de la date et l'appel avec jsquery.

<?php

print("<html>");
print("<head>");
print("<link rel=\"stylesheet\" type=\"text/css\"  href=\"JsQuery/jquery_dev/css/jquery-ui.css\" />");
print("<link rel=\"stylesheet\" type=\"text/css\"  href=\"JsQuery/jquery_dev/css/style.css\" />");
?>


<?php

print("<title>Saisie des dépenses</title>");
print("</head>");
print("<body>");


function Saisie_Montant()
{   
   print("<form action=\"".$_SERVER['PHP_SELF']."\" method=\"post\">");  
	print("<br>&nbsp;&nbsp;Date (jj/mm/aaaa)");
	
	print("<input type=text size=10 id=\"calendrier1\" name=date_jour autofocus><br><br>");
	print("<div class=\"cadre_SA_bouton_bis\">");
   print("<input type=hidden name=mode value=VALIDER>");  
   print("<input type=submit value=\"Valider la dépense\" name=ok>");  
	print("</div>");
   print('</form>');  
}


switch ($gst_mode) 
{
  case 'GRILLE' : 
     Saisie_Montant(); 
  break;
}
?>		
<script type="text/javascript" src="JsQuery/jquery_dev/jquery-v1.9.1.js"></script>
<script type="text/javascript" src="JsQuery/jquery_dev/jquery-ui.js"></script>
<script type="text/javascript" src="Appli_compte/Js_datepicker.js"></script>

<?php		
print("</body>");
print("</html>");
?>


et Js_datepicker.js

<script>
$(function(){	
$.datepicker.regional['fr'] = {
    closeText: 'Fermer',
    prevText: 'Précédent',
    nextText: 'Suivant',
    currentText: 'Aujourd\'hui',
    monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'],
    monthNamesShort: ['Janv.','Févr.','Mars','Avril','Mai','Juin','Juil.','Août','Sept.','Oct.','Nov.','Déc.'],
    dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
    dayNamesShort: ['Dim.','Lun.','Mar.','Mer.','Jeu.','Ven.','Sam.'],
    dayNamesMin: ['D','L','M','M','J','V','S'],
    weekHeader: 'Sem.',
    dateFormat: 'dd/mm/yy',
    firstDay: 1,
    isRTL: false,
    showMonthAfterYear: false,
    yearSuffix: ''
};
$.datepicker.setDefaults($.datepicker.regional['fr']);
	$( "#calendrier1" ).datepicker();
});
</script>;


Je vous remercie de me dire pourquoi mon calendrier datepicker ne s'affiche pas, où se trouve mon erreur ?
Merci beaucoup.
Bonjour,

J'ai repris avec d'autres link et script mis dans le HEAD comme suit :

<head>
<link rel="stylesheet" href="JsQuery/jquery-ui-1.10.0/themes/base/jquery-ui.css">
<script src="JsQuery/jquery-ui-1.10.0.custom/js/jquery-1.9.0.js"></script>
<script src="JsQuery/jquery-ui-1.10.0/jquery-ui.js"></script>
<link rel="stylesheet" href="JsQuery/jquery-ui-1.10.0.custom/css/style.css">
<script>
$(function() {
$( "#calendrier1" ).datepicker({ dateFormat: 'dd/mm/yy'});
});
</script>
</head>


et toujours mon input date :

<input type=text size=10 id="calendrier1" name=date_jour autofocus><br><br>


Lorsque j'arrive sur la page toujours pas de datepicker en cliquant sur ma zone, mais si avant je clique n'importe où sur la page en dehors de cette zone input et que je reviens sur l'input en cliquant dessus, j'ai bien mon date picker qui s'affiche,

Qu'est ce qu'il faut mettre, et à quel endroit, pour mon datepicker s'affiche en cliquant aussitôt sur ma zone input ???

Merci d'avance.

PS Pour la validation, j'avais juste envoyé quelques lignes de code pour mon problème, mais pas le complet.
J'avais bien lu sur l'excellent livre CSS2 de Raphaël Goetter les standards W3C à employer.
C'était l'autofocus qui empêchait d'afficher le datepicker au départ du programme.
En le sortant, tout va bien, le calendrier s'affiche au premier click.
Merci et bonne journée
Sujet clos
Aller à