Intégrer un boite de dialogue

Version imprimable

Bonjour,
Dans le souci de rendre mon progiciel plus interactif, je souhaitais intégrer une boite de dialogue JQuery.
J'ai une table "observations_or" qui recense les observations faites par les utilisateurs. A l'ouverture de la page liée à l'article, si une observation a été faîte l'internaute prend connaissance de la dernière observation via une boite de dialogue. Il peut alors supprimer ou ne pas supprimer ce commentaire.

Code:

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
	<?php
	// Vérifier si des observations ont déjà été enregistrées
	$resultObservations = $bdd->query("SELECT count(CODE) FROM `observations_or` WHERE ID_VEHICULE='".$id_chargee."'");
	$rowObservations = $resultObservations->fetch();
	$totalObservations = $rowObservations[0];
	$resultObservations->closeCursor();
 
	// Charegement de la variable observations
	if ($totalObservations){
		$chercherObservations = $bdd->query("SELECT*FROM `observations_or` WHERE ID_VEHICULE='".$id_chargee."'");
		$rowCommentaires = $chercherObservations->fetch();
		$idObservations=$rowCommentaires["ID"];
		$observations=$rowCommentaires["OBSERVATIONS"];
		$suiviObservations=$rowCommentaires["SUIVI"];
		$dateEditionObservations=date("d-m-Y",strtotime($rowCommentaires["DATE_EDITION"]));
		$chercherObservations->closeCursor();
		?>
		<div id="dialog" title="Information interventions relevées">
		<strong>Des observations onté été relevées le <?php echo $dateEditionObservations;?> par <?php echo $suiviObservations;?> :</strong><br/>
		<p style="font-size: small;font-style: italic;"><?php echo $observations;?></p>
		<p><strong>Souhaitez vous supprimer cette observation ?</strong></p>
		</div>
		<script src="http://code.jquery.com/jquery.min.js"></script>
		<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
		<script>
		  $(function() {
			$( "#dialog" ).dialog({
			  modal: false,
			  height:400,
			  width:600,
			  zindex:1000,
			  buttons: {
				"Oui": function() {
 
				  $( this ).dialog( "close" );
					<?php
					    $req = $bdd->exec('DELETE FROM `observations_or` WHERE `ID` = '.$idObservations);
					?>
				},
				"Non": function() {
				  $( this ).dialog( "close" );
				}
			  }
			});
		  });
		</script>
		<?php
	}	
	?>

Le problème, c'est que je choisisse "Oui" ou "Non", la ligne est effacée. Je ne comprends pas vraiment.

Quelqu'un aurait-il une solution ?

D'avance merci.

Michel

25/09/2017, 17h09
SpaceFrog

php s'exécute coté serveur ...
js coté client.
25/09/2017, 22h09
michgoarin

Solution Ajax

Bonjour,
La solution ne serait-elle pas Ajax ?
Je ne comprends pas qu'à partir d'une condition Javascript les deux choix mènent au même résultat.
Auriez vous une solution ?
Par avance merci.
25/09/2017, 23h53
H2R file comme l'aire

Salut la solution est belle et bien l'ajax et les événements javascript
26/09/2017, 08h08
SpaceFrog

Citation:

Je ne comprends pas qu'à partir d'une condition Javascript les deux choix mènent au même résultat.

Justement parce que JS s'execute coté cleint et php coté seveur.
Tu crois que la condition js va lancer ou non le script php, alors qu'il a déja été exécuté coté serveur AVANT que la page ne se charge chez le client ...

Une première solution

Bonjour à tous,
A force de test, j'ai peut-être trouvé une solution :

Code:

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
	<?php
	// Vérifier si des observations ont déjà été enregistrées
	$resultObservations = $bdd->query("SELECT count(CODE) FROM `observations_or` WHERE ID_VEHICULE='".$id_chargee."'");
	$rowObservations = $resultObservations->fetch();
	$totalObservations = $rowObservations[0];
	$resultObservations->closeCursor();
 
	// Charegement de la variable observations
	if ($totalObservations){
		$chercherObservations = $bdd->query("SELECT*FROM `observations_or` WHERE ID_VEHICULE='".$id_chargee."'");
		$rowCommentaires = $chercherObservations->fetch();
		$idObservations=$rowCommentaires["ID"];
		$observations=$rowCommentaires["OBSERVATIONS"];
		$suiviObservations=$rowCommentaires["SUIVI"];
		$dateEditionObservations=date("d-m-Y",strtotime($rowCommentaires["DATE_EDITION"]));
		$chercherObservations->closeCursor();
		?>
		<div id="dialog" title="Information interventions relevées">
		<strong>Des observations onté été relevées le <?php echo $dateEditionObservations;?> par <?php echo $suiviObservations;?> :</strong><br/>
		<p style="font-size: small;font-style: italic;"><?php echo $observations;?></p>
		<p><strong>Souhaitez vous supprimer cette observation ?</strong></p>
		</div>
		<script src="http://code.jquery.com/jquery.min.js"></script>
		<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
		<script>
		  $(function() {
			$( "#dialog" ).dialog({
			  modal: false,
			  height:400,
			  width:600,
			  buttons: {
				"Oui": function () {
					var id = <?php echo $idObservations;?>;
					$.ajax({
 
						type:"GET",
						url: "information_vehicule.php?delete="+id
					});
					$( this ).dialog( "close" );
 
				},
				"Non": function () {
				  $( this ).dialog( "close" );
				}
			  }
			});
		  });
		</script>
		<?php
	}	
	?>

La page "information_vehicule.php" :

Code:

1
2
3
4
if (!empty($_GET['delete'])){
	$idObservations=$_GET['delete'];
	$req = $bdd->exec('DELETE FROM `observations_or` WHERE `ID` = '.$idObservations);
}

ça fonctionne mais qu'en pensez vous ? Peut-on améliorer ce code ?

27/09/2017, 03h12
H2R file comme l'aire

salue je ne pourrais pas te dire des truc à améliore en plus mais la lisibilité de ton code
est moins visible qu'une image flouté qui resemble à un pare brise en temps de pluie:aie:
27/09/2017, 07h53
michgoarin

Autodidacte

Bonjour H2R,
J'ai appris sur le tas. N'hésite pas à donner tes conseils avisés !!!:D
28/09/2017, 01h17
H2R file comme l'aire

Salut dans tes conditions utilise isset combiner a empty

car la fonction

isset sert à vérifier si la variable existe

!isset sert à vérifier sil la varible n'existe pas

empty sert à vérifier si la variable est vide

!empty sert à vérifier si la variable contient quelque chose

et aussi je ne vois pas les balise html , body , head et tout le tralala donc petite révision du html s'impose
28/09/2017, 14h06
michgoarin

Information contenu code

Bonjour,
Pour information, j'ai épargné aux lecteurs et développeurs tout le code de cette page. Pour cette raison, les balises HTML, HEAD... n’apparaissent pas.