Bonjour à tous.
Je suis débutant, et je suis en stage.
Je dois réaliser un formulaire php pour la saisi d'un menu avec la date.
Et mon tuteur veut que je mette un calendrier pour saisir la date.
Je cherche un calendrier qui lorsque l'on choisi la date rempli le champ avec la date choisi.
Mais je veux que la date retourné soit dans ce format la : Mardi 17/06/2008.
Merci d'avance pour votre aide.
PS: pouvez-vous répondre rapidement c'est assez urgent.
Tu veus un calendrier fait en avascript ou en php ?
en javascript :
va sur javascriptfr.com et va dans le menu : "Codes/liste de code/Les plus récents" et tu trouvera un calendrier super bien fait, par contre, le problème c'est que je me souvient plus nom de l'auteur, a si je crois que c'est : "amrounix" mais je ne suis sur de rien !
a++
Si la réponse vous convient, pensez : Réponse acceptée !
Pour l'utiliser, il y a plusieurs choses à faire :
1°) Tu copie les fichiers
calendar-win2k-1.css
calendar.js
lang/calendar-fr.js
calendar-setup.js
sur ton serveur (les fichiers sont disponibles ici)
2°) entre les balises <head> et </head>, tu mets les lignes suivantes :
<style type= "text/css">@import url(calendar-win2k-1.css);</style>
<script type="text/javascript" src="calendar.js"></script>
<script type="text/javascript" src="lang/calendar-fr.js"></script>
<script type="text/javascript" src="calendar-setup.js"></script>
3°) Dans ton formulaire (entre les balises <form> et </form>) tu rajoutes ceci :
...
4°) à la fin de ton formulaire (juste apr_s la balise </form>)
tu mets ça :
<script type ="text/javascript">
Calendar.setup(
{
inputField : "ma_date", // ID of the input field
ifFormat : "%l %j %F %Y", // the date format
button : "trigger" // ID of the button
}
);
</script>
Dans ton script php, tu pourras récupérer la valeur de la date comme ceci :
<?php
$ma_date = $_POST["ma_date"];
?>
J'ai suivi ton tuto à la lettre.
J'ai bien ma zone de saisi avec le bouton, mais quand je clique dessus, il ne lance pas le calendrier, il agit comme un bouton input submit.
Pourrais-tu m'envoyer une page avec le code qui fonctionne pour que je puisse comparé stp. Envoi moi une fichier compresser avec les fichier qu'il faut et la page affichant le calendrier.
J'ai réussi à faire afficher le calendrier, mais quand je clique sur une date, il ne la rentre pas.
Quand je lance ma page, le calendrier est directement affciher, je ne peux pas le fermer.
<!-- import the language module -->
<script type="text/javascript" src="lang/calendar-en.js"></script>
<!-- other languages might be available in the lang directory; please check
your distribution archive. -->
<!-- helper script that uses the calendar -->
<script type="text/javascript">
var oldLink = null;
// code to change the active stylesheet
function setActiveStyleSheet(link, title) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
a.disabled = true; if(a.getAttribute("title") title) a.disabled false;
}
}
if (oldLink) oldLink.style.fontWeight = 'normal';
oldLink = link;
link.style.fontWeight = 'bold';
return false;
}
// This function gets called when the end-user clicks on some date.
function selected(cal, date) {
cal.sel.value = date; // just update the date in the input field. if (cal.dateClicked && (cal.sel.id "sel1" || cal.sel.id "sel3"))
// if we add this call we close the calendar on single-click.
// just to exemplify both cases, we are using this only for the 1st
// and the 3rd field, while 2nd and 4th will still require double-click.
cal.callCloseHandler();
}
// And this gets called when the end-user clicks on the _selected_ date,
// or clicks on the "Close" button. It just hides the calendar without
// destroying it.
function closeHandler(cal) {
cal.hide(); // hide the calendar
// cal.destroy();
_dynarch_popupCalendar = null;
}
// This function shows the calendar under the element having the given id.
// It takes care of catching "mousedown" signals on document and hiding the
// calendar if the click was outside.
function showCalendar(id, format, showsTime, showsOtherMonths) {
var el = document.getElementById(id);
if (_dynarch_popupCalendar != null) {
// we already have some calendar created
_dynarch_popupCalendar.hide(); // so we hide it first.
} else {
// first-time call, create the calendar.
var cal = new Calendar(1, null, selected, closeHandler);
// uncomment the following line to hide the week numbers
// cal.weekNumbers = false;
if (typeof showsTime == "string") {
cal.showsTime = true; cal.time24 (showsTime "24");
}
if (showsOtherMonths) {
cal.showsOtherMonths = true;
}
_dynarch_popupCalendar = cal; // remember it in the global var
cal.setRange(1900, 2070); // min/max year allowed.
cal.create();
}
_dynarch_popupCalendar.setDateFormat(format); // set the specified date format
_dynarch_popupCalendar.parseDate(el.value); // try to parse the text in field
_dynarch_popupCalendar.sel = el; // inform it what input field we use
// the reference element that we pass to showAtElement is the button that
// triggers the calendar. In this example we align the calendar bottom-right
// to the button.
_dynarch_popupCalendar.showAtElement(el.nextSibling, "Br"); // show the calendar
return false;
}
var MINUTE = 60 * 1000;
var HOUR = 60 * MINUTE;
var DAY = 24 * HOUR;
var WEEK = 7 * DAY;
// If this handler returns true then the "date" given as
// parameter will be disabled. In this example we enable
// only days within a range of 10 days from the current
// date.
// You can use the functions date.getFullYear() -- returns the year
// as 4 digit number, date.getMonth() -- returns the month as 0..11,
// and date.getDate() -- returns the date of the month as 1..31, to
// make heavy calculations here. However, beware that this function
// should be very fast, as it is called for each day in a month when
// the calendar is (re)constructed.
function isDisabled(date) {
var today = new Date();
return (Math.abs(date.getTime() - today.getTime()) / DAY) > 10;
}
function flatSelected(cal, date) {
var el = document.getElementById("preview");
el.innerHTML = date;
}
function showFlatCalendar() {
var parent = document.getElementById("display");
// construct a calendar giving only the "selected" handler.
var cal = new Calendar(0, null, flatSelected);
// hide week numbers
cal.weekNumbers = false;
// We want some dates to be disabled; see function isDisabled above
cal.setDisabledHandler(isDisabled);
cal.setDateFormat("%A, %B %e");
// this call must be the last as it might use data initialized above; if
// we specify a parent, as opposite to the "showCalendar" function above,
// then we create a flat calendar -- not popup. Hidden, though, but...
cal.create(parent);
// ... we can show it here.
cal.show();
}
</script>
</head>
<form action="#">
SAISIR UN REPAS
Reserve personnel de permanence ? Non Oui
Peut etre remplacer par steack frite ? Non Dejeuner Diner Les deux
$Resultat=mysql_query("SELECT * FROM `repas` WHERE `date` LIKE '$d' AND `permanence` LIKE '$perm' AND `option_sup` LIKE '$op' AND `entree1` LIKE '$ent1' AND `entree2` LIKE '$ent2' AND `plat_resistance1` LIKE '$plat1' AND `plat_resistance2` LIKE '$plat2' AND `accompagnement1` LIKE '$acc1' AND `accompagnement2` LIKE '$acc2' AND `fromage1` LIKE '$fro1' AND `fromage2` LIKE '$fro2' AND `dessert1` LIKE '$des1' AND `dessert2` LIKE '$des2'");
if (mysql_numrows($Resultat) == 1)
{
echo "OK repas modifié";
}
else
{
echo "Repas non modifié";
}
