Description
Dès qu'un champ possède un 'id' commençant par "date", un lien "calendrier" est ajouté. Ce lien ouvre un popup qui facilite la saisie de la date.
"CalendarPopup.js" est un script écrit par Matt Kruse et est téléchargeable seul à cette adresse http://www.mattkruse.com/javascript/calendarpopup/index.html
Cet exemple illustre également la possibilité de modifier individuellement la largeur des champs.
À noter : la modification de la largeur appliqué à un objet "form" permet d'ajuster la largeur des boutons placés en fin de formulaire.
Il est possible de ne pas afficher tous les boutons en fin de formulaire. Le 2e paramètre transmis au constructeur de l'objet "form" permet ce réglage ('1' = valider ; '2' = effacer ; '4' = réinitialiser ; par défaut, la valeur '7' permet d'afficher les 3 boutons).
12/08/2010
'phpJSvForm' est protégé par un copyright ©2010-2011 - Pierre POISSON (synanceia) et par la licence GNU GPL v3.
Code PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test Formulaire</title>
<script type="text/javascript" src="init.js"></script>
<script type="text/javascript" src="jsVerifForm.js"></script>
<script type="text/javascript" src="CalendarPopup.js"></script>
<script type="text/javascript" src="calendrier.js"></script>
<link rel="stylesheet" type="text/css" href="cssVerifForm.css" />
<link rel="stylesheet" type="text/css" href="calendrier.css" />
</head>
<body>
<?php
require_once('../krumo/class.krumo.php');
require_once('clVerifForm.php');
$form1 = new Form('',1);
$text1 = new Input('login','Identifiant (login) (*)');
$text1->setLargeur('250px') ;
$naiss = new Input('date_naissance','Date de naissance');
$naiss->setLargeur('100px') ;
$form1->setLargeur('300px') ;
$form1->addElement($text1, $naiss) ;
$form1->addVerif('exist',$text1,'date',$naiss,'login',$text1) ;
if($form1->verifForm())
{
echo '<p>Traitement possible...
<br/>Tout est ok...</p>
<p> Développez l\'arborescence ci-dessous pour visualiser le contenu de $<span></span>_POST</p>' ;
krumo($_POST) ;
}
else
echo $form1;
?>
</body>
</html>