Bouton pour modifier une valeur d'un champ MySQL

**apicultrice** · 13/09/2017, 17h45

Bonjour,

Je suis apicultrice et je veux pouvoir surveiller mon rucher qui est à 300m de chez moi et ce la nuit pour éviter les vols de ruches

Je veux insérer un bouton sur une page HTML
Lorsque la page s'ouvre on va lire le champ "lumiere" de la base Echange
Si le champ est à 0 le bouton est de couleur rouge et affiche Off
Si je clique dessus, il met 1 dans le champ "lumiere" et change la couleur en verte et affiche ON
Es ce possible sans faire une usine à gaz
Merci d'avance
A+

**mathieu** · 13/09/2017, 23h19

Est ce que la base de données existe déjà et commande quelque chose ?

**apicultrice** · 14/09/2017, 07h12

Oui la BDD MySQL existe
Elle est hébergée chez FREE

Je sais que l'on peut utiliser <button> peut être avec onclick mais je ne sais pas le mettre en oeuvre
A+

Invité · 14/09/2017, 08h39

Bonjour,

Ce serait bien de nous dire ce que tu sais faire, quel(s) langage(s) tu connais : HTML ? JavaScript ? PHP ?
Comment tu te connectes à la base de données ? mysql_ ? (C'est Free, certainement, à moins qu'ils aient enfin installé PDO)

Est-ce que tu as l'impression que je te parles chinois ou javanais ?

À lire, pour au moins comprendre ce qu'on te propose :

PHP : Le tutoriel pour grands débutants pressé

Voir : "formulaires" et "base de données"

**apicultrice** · 14/09/2017, 08h50

Non tu ne parles pas le javanais

J'ai des connaissances en HTML et PHP pas en JavaScrip
Je sais faire une requête SQL mais je n'arrive pas à associer l'appui d'un Button pour lancer la lecture et l'écriture

Lorsque j'ai crée mon site, Free n'acceptait pas les PDO

Tu peux consulter mon site: http://ruches.montminoises.free.fr/index.php
A+

**apicultrice** · 14/09/2017, 09h03

J'utilise aussi les formulaires pour enregistrer des données sur une autre base

Tu penses que l'on peut utiliser la méthode POST pour la lecture ?

<form action="Echange.php" method="post">
<button> ??????

Et dans "Echange.php" lancer la requête SQL
A+

Invité · 14/09/2017, 09h04

OK.

Lorsque la page s'ouvre on va lire le champ "lumiere" de la base Echange

1/ requête en base de données pour récupérer la valeur de "lumiere" (0 ou 1)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$lumiere = $row['lumiere'];

(N.B. tu aurais pu créer un champ BOOLEEN, avec true ou false, mais bon)

Si le champ est à 0 le bouton est de couleur rouge et affiche Off

2/ un FORMULAIRE HTML <form>, avec un bouton.
Une condition, sur "lumiere" pour afficher un bouton rouge ou vert (avec une class CSS, par exemple)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<?php if( $lumiere ==0 ){ ...(value du bouton = 1)... } else { ...(value du bouton = 0)... } ?>

Si je clique dessus, il met 1 dans le champ "lumiere" et change la couleur en verte et affiche ON

3/ à la soumission du formulaire, on traite les infos reçues.
requête en Bdd pour changer la valeur du champ "lumiere".

**apicultrice** · 14/09/2017, 10h29

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<form action="Echange.php" method="post">
 
     <div class="bouton">
            <inputtype="button" value="" ???????/> SUIS PERDUE
     </div>

Dans le CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.bouton {
float: center;
background-color: #494949;  /*jaune par exemple*/
}

Invité · 14/09/2017, 11h04

Envoyé par apicultrice

Je sais faire une requête SQL...

Montre-nous comment.
(SANS montrer tes paramètres de connexion, évidemment )

Il faut d'abord récupérer la valeur de "lumiere" dans la bdd -> requête "SELECT....."

Invité · 14/09/2017, 11h36

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<?php
header('Content-type:text/html; charset=UTF-8');	// encodage UTF-8
mb_internal_encoding('UTF-8');
error_reporting(E_ALL & ~E_NOTICE & ~E_DEPRECATED); 	// en TEST !!
// -----------------------------------------------
// 1- Connexion à la bdd
// [..............]
	//require (__DIR__.'/_test_connexion/_config_connexion_mysql.php'); // A REMPLACER PAR TA CONNEXION !
 
// -------------------------
// TRAITEMENT SUR LA MEME PAGE
if( isset($_POST['lumiere_new']) )
{
	// récupération depuis le forulaire
	$lumiere_new 	= intval($_POST['lumiere_new']);
	// on UPDATE la table
	$update_query 	= "UPDATE Echange SET lumiere = ".$lumiere_new.";";
	mysql_query($update_query) or die('Erreur SQL :<br />'.$update_query.'<br />'.mysql_error());
 
}
// -------------------------
 
// -------------------------
// 2- requete : récupération de "lumiere" en bdd
$select_query 	= "SELECT lumiere FROM Echange;";
$select_result 	= mysql_query($select_query) or die('Erreur SQL :<br />'.$select_query.'<br />'.mysql_error());
$select_row 	= mysql_fetch_array($select_result);
$lumiere 		= $select_row['lumiere'];
// -------------
// 3- FORMULAIRE (SUR LA MEME PAGE)
?>
<!doctype html>
<html lang="fr">
<head>
<style>
.bouton { color:white; padding:10px; border-radius:10px; cursor:pointer; }
 
.bouton-rouge { background:orange; }
.bouton-vert { background:green; }
.bouton-rouge:hover { background:green; }
.bouton-vert:hover { background:red; }
 
</style>
 
</head>
<body>
 
<form method="post" action="">
<?php if( $lumiere == 0 ){ // éteinte ?>
	<button class="bouton bouton-rouge" type="submit" name="lumiere_new" value="1">Allumer la lumière</button>
<?php } else { // allumée ?>
	<button class="bouton bouton-vert" type="submit" name="lumiere_new" value="0">Eteindre la lumière</button>
<?php } ?>
 
</form>
 
</body>
</html>

il faudrait nous montrer la structure de la TABLE Echange.
J'ai supposé qu'il n'y avait qu'une seule ligne.

Si tu dois (par exemple) gérer plusieurs lumières, il faudrait ajouter l'id de la lumière que tu veux allumer/éteindre.
Mais ça, c'est le niveau suivant...

**apicultrice** · 14/09/2017, 11h47

jreaux62

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
$link=Connect();
 
mysql_select_db('ruches_montminoises',$link);
$sql = "SELECT Lumiere FROM Echange;
 
$reponse=mysql_query($sql) or die( 'MySQL SELECT ERROR: '. mysql_error());
$reponse_row 	= mysql_fetch_array($reponse);
$Lumiere = $reponse_row['Lumiere'];

Comme il n'y a qu'un enregistrement ...

**apicultrice** · 14/09/2017, 12h06

jreaux62

Tu vas me dire si j'ai bien compris

De la page principale en HTML, si l'on clique sur le bouton on lance la page en PHP qui va lire la base et envoi en POST la variable Lumiere
J'ai juste
Si c'est juste
Ou lance t on la page PHP
d'ou sort la variable New_lumiere

Encore merci pour ton aide

**apicultrice** · 14/09/2017, 12h33

Je pense qu'il faut écrire cela

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<form method="post" action="Echange.php">
<?php if( $lumiere == 0 ){ // éteinte ?>
	<button class="bouton bouton-rouge" type="submit" name="lumiere_new" value="1">Allumer la lumière</button>
<?php } else { // allumée ?>
	<button class="bouton bouton-vert" type="submit" name="lumiere_new" value="0">Eteindre la lumière</button>
<?php } ?>
 
</form>

Invité · 14/09/2017, 12h44

Relis mon code, avec les commentaires.
Il fonctionne (testé) tel quel.

Le formulaire et le traitement se font sur la même page.

Invité · 14/09/2017, 12h54

Séparation des codes :

1/ Formulaire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<?php
header('Content-type:text/html; charset=UTF-8');	// encodage UTF-8
mb_internal_encoding('UTF-8');
error_reporting(E_ALL & ~E_NOTICE & ~E_DEPRECATED); 	// en TEST !!
// -----------------------------------------------
// 1- Connexion à la bdd
$link=Connect();
mysql_select_db('ruches_montminoises',$link);
 
// -------------------------
// 2- requete : récupération de "lumiere" en bdd
$select_query 	= "SELECT lumiere FROM Echange;";
$select_result 	= mysql_query($select_query) or die('Erreur SQL :<br />'.$select_query.'<br />'.mysql_error());
$select_row 	= mysql_fetch_array($select_result);
$lumiere 		= $select_row['lumiere'];
// -------------
// 3- FORMULAIRE 
?>
<!doctype html>
<html lang="fr">
<head>
<style>
.bouton { color:white; padding:10px; border-radius:10px; cursor:pointer; }
 
.bouton-rouge { background:orange; }
.bouton-vert { background:green; }
.bouton-rouge:hover { background:green; }
.bouton-vert:hover { background:red; }
 
</style>
 
</head>
<body>
 
<form method="post" action="Echange.php">
<?php if( $lumiere == 0 ){ // éteinte ?>
	<button class="bouton bouton-rouge" type="submit" name="lumiere_new" value="1">Allumer la lumière</button>
<?php } else { // allumée ?>
	<button class="bouton bouton-vert" type="submit" name="lumiere_new" value="0">Eteindre la lumière</button>
<?php } ?>
 
</form>
 
</body>
</html>

2/ Traitement : Echange.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
header('Content-type:text/html; charset=UTF-8');	// encodage UTF-8
mb_internal_encoding('UTF-8');
error_reporting(E_ALL & ~E_NOTICE & ~E_DEPRECATED); 	// en TEST !!
// -----------------------------------------------
// 1- Connexion à la bdd
$link=Connect();
mysql_select_db('ruches_montminoises',$link);
 
// -------------------------
// TRAITEMENT
if( isset($_POST['lumiere_new']) )
{
	// récupération depuis le formulaire
	$lumiere_new 	= intval($_POST['lumiere_new']);
	// on UPDATE la table
	$update_query 	= "UPDATE Echange SET lumiere = ".$lumiere_new.";";
	mysql_query($update_query) or die('Erreur SQL :<br />'.$update_query.'<br />'.mysql_error());
 
}
// -------------------------
?>

**apicultrice** · 14/09/2017, 16h04

Formulaire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
        <?php
        include("Connection.php"); 
        $link=Connect();
        // on sélectionne la base 
        mysql_select_db('ruches_montminoises',$link); 
 
        $sql = "SELECT Eclairage FROM Echange";
        // on envoie la requête 
        $reponse=mysql_query($sql) or die( 'MySQL SELECT ERROR: '. mysql_error());
        while ($donnees = mysql_fetch_assoc($reponse))
              { $Lumiere = $donnees['Eclairage'];	}  
        ?>       
        <form method="post" action="Echange.php">
        <?php if( $Lumiere == 0 ){ // éteinte ?>
        	<button class="bouton bouton-rouge" type="submit" name="Eclairage_new" value="1">Allumer la lumière</button>
        <?php } else { // allumée ?>
        	<button class="bouton bouton-vert" type="submit" name="Eclairage_new" value="0">Eteindre la lumière</button>
        <?php } ?>         
        </form>

La lecture de la BDD se passe bien
La variable $Lumiere reflète bien le contenu de la BDD

Traitement

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?php
echo '<p><font face="Times New Roman" size="4" color="red"><strong>Etat: </strong></font>';
echo $_POST['Eclairage_new'];
 
include("Connection.php"); 
$link=Connect();
// on sélectionne la base 
mysql_select_db('ruches_montminoises',$link);
// on crée la requête SQL
 
if( isset($_POST['Eclairage_new']) )
{
	// récupération depuis le formulaire
	$Eclairage_new 	= intval($_POST['Eclairage_new']);
	// on UPDATE la table
	$update_query 	= "UPDATE Echange SET Eclairage = ".$Eclairage_new.";";
	mysql_query($update_query) or die('Erreur SQL :<br />'.$update_query.'<br />'.mysql_error());
 
}
echo '<p><font face="Times New Roman" size="4" color="red"><strong>Etat: </strong></font>';
echo $Eclairage_new;
// on ferme la connexion 
mysql_close($link); 
?>

Le POST ne passe pas
$_POST['Eclairage_new'] vide

Invité · 14/09/2017, 16h21

Active l'affichage d'erreur PHP :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<?php
error_reporting(E_ALL & ~E_NOTICE & ~E_DEPRECATED); 	// en TEST !!

Cela dit, je viens de tester TON code : il fonctionne.

1/ QUESTION : comment s'appellent TES PAGES (les 2) ?

2/ Pour info : la balise <font> est obsolète depuis le grand-père de Mathusalem (et son arrière-grand-père ne l'utilisait déjà plus).
Il faut utiliser du CSS.

3/ J'ai jeté un œil à ton site :

plusieurs erreurs dans le code (clic droit -> "afficher le code source") : les balises <html> en double ou triple,.....
et PITIÉ : SUPPRIME l'EFFET SONORE (function JouerSon()) !! on croirait que le site est vérolé (virus !) !

**apicultrice** · 14/09/2017, 16h39

Le bouton affiche bien le bon message puisque le champ Eclairage est à 1
Par contre pas de couleur..

Nom : eteindre.png
Affichages : 2249
Taille : 921 octets

Nom : eteindre.png
Affichages : 2249
Taille : 921 octets

Lorsque je clique sur le bouton la page Echange s'ouvre et affiche

Nom : etat.png
Affichages : 2245
Taille : 775 octets

L'idéal serai qu'elle ne s'affiche pas

**apicultrice** · 14/09/2017, 16h45

http://ruches.montminoises.free.fr/Maintenance.php

http://ruches.montminoises.free.fr/Echange.php

Invité · 14/09/2017, 17h11

Envoyé par apicultrice

L'idéal serai qu'elle ne s'affiche pas

C'est pour ça que le t'avait donné un code "FORMULAIRE ET TRAITEMENT sur la MEME PAGE"...

Sinon, il suffit d'ajouter un header( 'location:.....' ); à la fin du traitement.

Bouton pour modifier une valeur d'un champ MySQL [PHP 5.0]

Langage PHP

Discussions similaires

Partager

Partager