J'ai ces trois tables et je veux pouvoir créer une formation.
une table Formation(idFormation,nomFormation),
une table Trimestre(idTrimestre,nomTrimestre,date1,date2)
une table trimestreFormation( idFormation, idTrimestre);
Les id des trimestres sont dans une liste déroulante je veux pouvoir après sélectionné un trimestre les input des dates s'affichent pour que je puisse les saisir.
Avec ce code, même en sélectionnant un trimestre et que je rentre des dates, rien ne se passe derrière...les données ne sont pas insérer dans les tables.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<title>Document sans titre</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
<script type="text/javascript">
$(document).ready(function () {
jQuery(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']);
});
$("#bAdd").click(function(){
if ($('#date2').length <= 0){
$("#trAdd").after('<tr><td><label for="date"><strong>Date 2 :</strong></label></td><td><input type="text" name="date2" id="date2" /></td></tr>');
$( "#date2" ).datepicker();
}
});
$("#b1Add").click(function(){
if ($('#date1').length <= 0){
$("#trAdd").after('<tr><td><label for="date"><strong>Date 1 :</strong></label></td><td><input type="text" name="date1" id="date1" /></td></tr>');
$( "#date1" ).datepicker();
}
});
});
</script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css" />
</head>
<body>
<form name="ajout" action="formation.php" method="POST">
<table>
<tr>
<td><label for="nom"><strong>Nom de la formation :</strong></label></td>
<td><input type="text" name="nom" required title="Entrez ici le nom de la formation"/></td>
</tr>
<tr>
<td><label for="idTrimestre"><strong>Trimestre :</strong></label></td>
<td><form><select name="idTrimestre">
?php
require("connect.php");
$dsn="mysql:dbname=".BASE.";host=".SERVER;
try{
$connexion=new PDO($dsn,USER,PASSWD);
}
catch(PDOException $e){
printf("Échec de la connexion : %s\n", $e->getMessage());
exit();
}
$requete="select * from Trimestre";
if(!$connexion->query($requete)) echo "Pb d'accès à la table";
else{
?>
<?php
foreach ($connexion->query($requete) as $row){
echo "<option value=".$row['idTrimestre'].">".$row['nomTrimestre']."</option>";
}
}
?>
</select></td></tr>
</form>
<tr id="trAdd">
<td> <input type="button" id="bAdd" value="Ajouter" /></td>
<td><input type="button" id="b1Add" value="Ajouter 2"> </td>
<?php
include("connexion.php");
$req= "ALTER TABLE Trimestre ADD (date1 DATE , date2 DATE)";
$result= mysql_query($req);
?>
</tr>
</form>
</table>
<table>
<br/>
<br/>
<input type="submit" name="register" value="Ajouter une formation" />
</table>
</form>
</body>