Affichage en ajax et javascript
AMARI
-
AMARI -
AMARI -
Bonjour,
j'ai une page dans laquelle j'en ai une formulaire ( de valeurs) il faut que je remplisse le valeurs selon l'année , et après je veux dès que l'utilisateur clique sur une année dans laquelle il existe des valeurs dans la BD il va m'afficher le formulaire plein donc je veux l'affichage sera en ajax et le teste si l'année qui sélectionné contient des valeurs dans la BD sera en javascript, je connais rien en ajax est ce que vous pouvez m'aider de faire la partie ajax et le teste javascipt , merci d'avance
voilà mon code php:
<?php
require_once('dbconnect.php');
?>
<html>
<head>
<title>ESPACE PRIVE </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="styles.css" rel="stylesheet" type="text/css">
<script type="text/javascript" >
function verif_champs(){
var champ_annee = document.getElementById('annee');
if(champ_annee.value ==""){
alert("Vous devez choisir une année");
return false; //empeche l'envoi du formulaire
}
}
</script>
<style type="text/css">
.input_mois {
background-color:#A9AEAD;
text-align:center;
}
</style>
</head>
<body>
<p align="center" class="titre"><strong>- : : : Les paramètres du bases : : : -</strong></p>
<br>
<?php
$array_list_mois=array("1"=>"Janvier","2"=>"Février","3"=>"Mars","4"=>"Avril","5"=>"Mai","6"=>"Juin","7"=>"Juillet","8"=>"Aout","9"=>"Septembre","10"=>"Octobre","11"=>"Novembre","12"=>"Décembre");
if(isset( $_POST['envoi']))
{
//recup des valeurs postées
$annee = $_POST['annee'];
$arrayMois = $_POST['Mois'];
$arrayPrecipitation = $_POST['Precipitation'];
$arrayEvap_eau = $_POST['Evap_eau'];
foreach($arrayMois as $mois=>$value){
if(!empty($arrayPrecipitation[$mois]) && !empty($arrayEvap_eau[$mois] )){
$sql='INSERT INTO parmetres( annee, Mois, Precipitation, Evap_eau ) VALUES ("'.$annee.'", "'.$mois.'", "'.$arrayPrecipitation[$mois].'","'.$arrayEvap_eau[$mois].'")';
$requete = $db->query($sql) ;
}
}
}
?>
<form action="parametre.php" method="post" name="formulaire" onsubmit="return verif_champs();" >
<table width="350" border="0" align="center" cellpadding="5" cellspacing="0" bgcolor="#eeeeee" class="tableaux">
<tr><th>Année</th><th>Mois</th><th>Precipitation</th><th>Evap_eau</th></tr>
<?php
for($n=1;$n<=12;$n++){
echo '<tr>';
if($n==1){
echo '<td rowspan="12">'; //colonne qui fait les 12 lignes
$annee=date("Y");
echo '<select name="annee" id="annee" >';
echo '<option value="">Choisir une année...</option>';
for($i=2000;$i<=$annee ;$i++){
echo '<option value="'.$i.'">'.$i.'</option>';
}
echo '</select>';
echo '</td>';
}
echo '<td>';
echo '<input type="text" name="Mois['.$n.']" value="'.$array_list_mois[$n].'" class="input_mois" readonly />';
echo '</td>';
echo '<td>'; //colonne Precipitation
echo '<input type="text" name="Precipitation['.$n.']" value="" />';
echo '</td>';
echo '<td>'; //colonne Evap_eau
echo '<input type="text" name="Evap_eau['.$n.']" value="" />';
echo '</td>';
echo '</tr>';
}
?>
<tr>
<td height="50" colspan="4" align="center">
<input type="submit" name="envoi" value="Envoyer">
</td>
</tr>
</table>
</form>
<div class="foot"><a href="accueil.php">Retour à l'accueil</a></div>
</body>
</html>
j'ai une page dans laquelle j'en ai une formulaire ( de valeurs) il faut que je remplisse le valeurs selon l'année , et après je veux dès que l'utilisateur clique sur une année dans laquelle il existe des valeurs dans la BD il va m'afficher le formulaire plein donc je veux l'affichage sera en ajax et le teste si l'année qui sélectionné contient des valeurs dans la BD sera en javascript, je connais rien en ajax est ce que vous pouvez m'aider de faire la partie ajax et le teste javascipt , merci d'avance
voilà mon code php:
<?php
require_once('dbconnect.php');
?>
<html>
<head>
<title>ESPACE PRIVE </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="styles.css" rel="stylesheet" type="text/css">
<script type="text/javascript" >
function verif_champs(){
var champ_annee = document.getElementById('annee');
if(champ_annee.value ==""){
alert("Vous devez choisir une année");
return false; //empeche l'envoi du formulaire
}
}
</script>
<style type="text/css">
.input_mois {
background-color:#A9AEAD;
text-align:center;
}
</style>
</head>
<body>
<p align="center" class="titre"><strong>- : : : Les paramètres du bases : : : -</strong></p>
<br>
<?php
$array_list_mois=array("1"=>"Janvier","2"=>"Février","3"=>"Mars","4"=>"Avril","5"=>"Mai","6"=>"Juin","7"=>"Juillet","8"=>"Aout","9"=>"Septembre","10"=>"Octobre","11"=>"Novembre","12"=>"Décembre");
if(isset( $_POST['envoi']))
{
//recup des valeurs postées
$annee = $_POST['annee'];
$arrayMois = $_POST['Mois'];
$arrayPrecipitation = $_POST['Precipitation'];
$arrayEvap_eau = $_POST['Evap_eau'];
foreach($arrayMois as $mois=>$value){
if(!empty($arrayPrecipitation[$mois]) && !empty($arrayEvap_eau[$mois] )){
$sql='INSERT INTO parmetres( annee, Mois, Precipitation, Evap_eau ) VALUES ("'.$annee.'", "'.$mois.'", "'.$arrayPrecipitation[$mois].'","'.$arrayEvap_eau[$mois].'")';
$requete = $db->query($sql) ;
}
}
}
?>
<form action="parametre.php" method="post" name="formulaire" onsubmit="return verif_champs();" >
<table width="350" border="0" align="center" cellpadding="5" cellspacing="0" bgcolor="#eeeeee" class="tableaux">
<tr><th>Année</th><th>Mois</th><th>Precipitation</th><th>Evap_eau</th></tr>
<?php
for($n=1;$n<=12;$n++){
echo '<tr>';
if($n==1){
echo '<td rowspan="12">'; //colonne qui fait les 12 lignes
$annee=date("Y");
echo '<select name="annee" id="annee" >';
echo '<option value="">Choisir une année...</option>';
for($i=2000;$i<=$annee ;$i++){
echo '<option value="'.$i.'">'.$i.'</option>';
}
echo '</select>';
echo '</td>';
}
echo '<td>';
echo '<input type="text" name="Mois['.$n.']" value="'.$array_list_mois[$n].'" class="input_mois" readonly />';
echo '</td>';
echo '<td>'; //colonne Precipitation
echo '<input type="text" name="Precipitation['.$n.']" value="" />';
echo '</td>';
echo '<td>'; //colonne Evap_eau
echo '<input type="text" name="Evap_eau['.$n.']" value="" />';
echo '</td>';
echo '</tr>';
}
?>
<tr>
<td height="50" colspan="4" align="center">
<input type="submit" name="envoi" value="Envoyer">
</td>
</tr>
</table>
</form>
<div class="foot"><a href="accueil.php">Retour à l'accueil</a></div>
</body>
</html>
A voir également:
- Affichage en ajax et javascript
- Affichage double ecran - Guide
- Windows 11 affichage classique - Guide
- Telecharger javascript - Télécharger - Langages
- Problème affichage fenêtre windows 10 - Guide
- Problème affichage page internet google chrome ✓ - Forum Google Chrome
6 réponses
Ca peut arriver durant les premières secondes après le poste envoyé, dans le doute:
Utilise https://pastebin.com/ parce que c'est à peine lisible.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Un script que j'ai mis en ligne ce matin pour quelqu'un d'autre: http://pastebin.com/kUghbVTM
La première fonction te permet d'avoir un objet indispensable à AJAX et la deuxième utilise cet objet pour effectuer les requetes.
En gros tu vas créer un script php qui prend en paramètre un $_POST['annee'] et fera un echo le l'html voulu dans le form et le callback mis en paramètre de la fonction ajax() sera une autre fonction que tu aura créer qui remplacera le code à l'endroit désiré à l'image de refreshNews dans l'exemple.
La première fonction te permet d'avoir un objet indispensable à AJAX et la deuxième utilise cet objet pour effectuer les requetes.
En gros tu vas créer un script php qui prend en paramètre un $_POST['annee'] et fera un echo le l'html voulu dans le form et le callback mis en paramètre de la fonction ajax() sera une autre fonction que tu aura créer qui remplacera le code à l'endroit désiré à l'image de refreshNews dans l'exemple.
excuse moi j'ai lit ton code mais comme j'ai jamais fait d'ajax j'arrive pas à le comprendre , en fait pour mon script php il est bon juste qu'on déclenche le mouvement (choisir l'année par exemple 2000 et si l'user il a déjà saisi des valeurs du coup il va lui afficher le tableau avec les valeurs ) c'est à dire l'ajax il va récupérer un formulaire qui plein et pour , la partie javascript que je vous demande si de testez s'il l'année sélectionner a des valeurs ou non , si il va afficher comme j'ai dit formulaire plein si vide il va afficher la page php que je vous envoyé est ce que vous pouvez me simplifiez un peux les codes merci d'avance .