Sujet Précédent Sujet Suivant

Affichage en ajax et javascript

Fermé
AMARI - 23 avril 2013 à 09:43
 AMARI - 23 avril 2013 à 15:43
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>
A voir également:

6 réponses

Réponse 1 / 6
gardiendelanuit Messages postés 1770 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 19 novembre 2016 264
23 avril 2013 à 10:40
Bonjour,
Utilise https://pastebin.com/ parce que c'est à peine lisible.
0
Réponse 2 / 6
AMARI
23 avril 2013 à 10:48
j'arrive pas à lire votre réponse svp est ce que vous pouvez me le renvoyer ?? Merci
0
gardiendelanuit Messages postés 1770 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 19 novembre 2016 264
23 avril 2013 à 12:08
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.
0
Réponse 3 / 6
AMARI
23 avril 2013 à 13:37
c'est bon j'ai mis mon code dans la page que vous m'avez donné le lien
0
gardiendelanuit Messages postés 1770 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 19 novembre 2016 264
23 avril 2013 à 13:46
Il faut que tu mettes le lien maintenant.
0
Réponse 4 / 6
AMARI
23 avril 2013 à 13:50
d'accord voilà le lien :
http://pastebin.com/Sm8XZXsM
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 6
gardiendelanuit Messages postés 1770 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 19 novembre 2016 264
23 avril 2013 à 14:42
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.

0
Réponse 6 / 6
AMARI
23 avril 2013 à 15:19
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 .
0
gardiendelanuit Messages postés 1770 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 19 novembre 2016 264
23 avril 2013 à 15:35
Il faudrait s'orienter vers les event html javascript et les tutoriels ajax.
0
AMARI
23 avril 2013 à 15:43
d'accord en fait j'ai cherché et j'ai trouvé pas mal de script mais que ne va pas avec c'est que je voudrais faire et le problème qu'i me reste plus de temps pour plus chercher c'est pour ça je tourné à vous pour avoir l'aide
0

Discussions similaires

adele
marine carnet-pantier -
irongege -

2 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
java script error in the main process
ceciel2307 -
Thibaut -

3 réponses
Agrandir la taille d'affichage de toute l'interface OUTLOOK 2010
bm6969 -
glg29 -

1 réponse
Leboncoin : j'ai un problème d'affichage
maria1508 -
msi123 -

5 réponses