1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
| <html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="formulaire_style.css">
</head>
<body>
<form id="paiement" method="post">
<fieldset>
<legend>Localisation de la copropriété</legend>
<ol>
<li>
<label for='code'>Code de la résidence</label>
<input id='code' name='code' type='text' maxlength="7" placeholder="code de 7 caractères" required autofocus>
<div class='popup' onclick='myFunction()'>?
<span class='popuptext' id='myPopup'>3 premier caractère du quartier</br>
4 chiffres pour le nombre</span>
</div>
</li>
<li>
<label for='quartier'>Quartier</label>
<input id='quartier' name='quartier' type='text' required>
</li>
<li>
<label for='nompublic'>Nom public</label>
<input id='nompublic' name='nonpublic' type='text' placeholder='du type : copro LE BLOSNE N°1' required>
</li>
<li>
<label for="nomprive">Nom privé</label>
<input id='nomprive' name='nomprive' type='text' placeholder='nom réel de la copropriété' required>
</li>
<li>
<label for='codepostal'>Code postal</label>
<input id='codepostal' name='codepostal' type='number_format' maxlength="5" required>
</li>
<li>
<label for='ville'>Ville</label>
<input id='ville' name='ville' type='text' required>
</li>
<li>
<label for='annee'>Année de construction</label>
<input id='annee' name='annee' type='number_format' maxlength="4">
</li>
<li>
<label for='type'>Type de batiment </label>
<select name='typebati' id='typebati' />
<option value=' '> </option>
<option value='Très compact'>Très compact</option>
<option value='Compact'>Compact</option>
<option value='Peu compact'>Peu compact</option>
<option value='Très peu compact'>Très peu compact</option>
</select>
<div class='popup' onclick='myFunction2()'>?
<span class='popuptext' id='myPopup2'>rapport Sdéperditive / volume à chauffer</br>
de 0.5 à 0.8m2/m3 = Très compact</br>
de 0.8 à 1.1m2/m3 = compact</br>
de 1.1 à 1.3m2/m3 = Peu compact</br>
de 0.5 à 0.8m2/m3 = Très peu compact</span>
</div>
</li>
</ol>
</fieldset>
</fieldset>
<legend>Contacte dans la copropriété</legend>
<ol>
<li>
<label for='nomcontact'>Nom</label>
<input id='nomcontact' name='nomcontact' type='text' placeholder='Nom et prénom'>
</li>
<li>
<label for='telephone'>Téléphone</label>
<input id='telephone' name='telephone' type='tel' placeholder='par exemple: 0200000000'>
</li>
<li>
<label for='email'>Email</label>
<input id='email' name='email' type='email' placeholder='exemple@domaine.com'>
</li>
</ol>
</fieldset>
<fieldset>
<input type='submit' name='valider' value='Envoyer !' class='bouton_submit'/>
</fieldset>
</form>
<script>
// When the user clicks on div, open the popup
function myFunction() {
var popup = document.getElementById("myPopup");
popup.classList.toggle("show");
}
function myFunction2() {
var popup = document.getElementById("myPopup2");
popup.classList.toggle("show");
}
</script>
<?php
include("configuration.inc.php"); //aller chercher les paramettres de connection
// connection à la base de données, certain disent connection au serveur
$cnx = @mysql_connect( $serveur, $utilisateur, $motdepasse );
// Sélection de la BdD
$db = mysql_select_db( "immeubles" ) ;
//récupération des valeurs des champs si l'utilisateur à valider le bouton submit:
if(isset($_POST['valider'])){
$code=$_POST['code'];
$quartier=$_POST['quartier'];
$nompublic=$_POST['nompublic'];
$nomprive=$_POST['nomprive'];
$codepostal=$_POST['codepostal'];
$ville=$_POST['ville'];
$annee=$_POST['annee'];
$type=$_POST['type'];
$nomcontact=$_POST['noncontact'];
$telephone=$_POST['telephone'];
$email=$_POST['email'];
}
//création de la requête SQL: les champs de la table residence devront prendre la valeur des variables du formulaire
$sql = "INSERT INTO residence (Code_residence, Quartier, Nom_public, Nom_prive, Code_Postal, Ville, Nom_contact, Tel_contact, Mail_contact, Annee, Type)
VALUES ('$code', '$quartier', '$nompublic', '$nomprive', '$codepostal', '$ville', '$nomcontact', '$telephone', '$email', '$annee', '$type')";
//exécution de la requête SQL:
$requete = mysql_query($sql, $cnx) or die( mysql_error() ) ;
//affichage des résultats, pour savoir si l'insertion a marchée:
if($requete)
{
echo 'Vous avez rentré le numéro de copro '. $code.'pour le quartier '. $quartier.' ' ;
}
else
{
echo 'L/'insertion à échouée' ;
}
?>
</body>
</html> |
