PHPfrance

la communauté d'entraide francophone dédiée au PHP

How to Create Confirm Delete Modal Dialog in my code bootstrap with php

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : How to Create Confirm Delete Modal Dialog in my code bootstrap with php

Re: How to Create Confirm Delete Modal Dialog in my code bootstrap with php

par moogli » 03 oct. 2016, 11:14

Modération :
Je te propose un petit jeu :
Oublie que tu es l'auteur de ce sujet et relis attentivement ta demande.

Si tu ne la comprends pas, ça prouve qu'il est nécessaire de la re-rédiger.
Si tu la comprends, profites-en pour la re-rédiger, parce que nous... on ne la comprend pas ! ;)

How to Create Confirm Delete Modal Dialog in my code bootstrap with php

par abdelkaderft » 30 sept. 2016, 16:14

<?php
mysql_connect("localhost","root");
mysql_select_db("soins");
$sql_query="SELECT * FROM users";
$result_set=mysql_query($sql_query);
if(isset($_GET['delete_id']))
{
$sql_query="DELETE FROM users WHERE id_user=".$_GET['delete_id'];
mysql_query($sql_query);
header("Location: liste.php");
}
?>



<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Mon Compte </title>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="..\bootstrap\css\bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="..\bootstrap\css\bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="..\bootstrap\js\bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<!-- Bootstrap core CSS -->
<link href="..\bootstrap\css\bootstrap.min.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="css1.css" rel="stylesheet">
<link href="../CSS/reg.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js1.js"></script>
<header>
<img src="2.jpg" width="100%" height="300">
</header>


</head>

<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>

<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li ><a href="admin.php">Ajouter</a></li>
<li class="active"><a href="liste.php">Liste de soins</a></li>
</ul>

<ul class="nav navbar-nav navbar-right">
<li><a href="logout.php"><span class="glyphicon glyphicon-log-in"></span> se déconnecter</a></li>
</ul>

</div>
</div>
</nav>

<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>

<div class="container">
<div class="row">


<div class="col-md-12">
<h4>Liste des soins</h4>
<div class="table-responsive">


<table id="mytable" class="table table-bordred table-striped">

<thead>

<th><input type="checkbox" id="checkall" /></th>
<th>N°Cin </th>
<th>N°Affiliation</th>
<th>Nom & Prénom</th>
<th>N°Imatriculation</th>
<th>Montant des frais</th>


<th>Delete</th>
</thead>
<tbody>
<?php
include_once('connexion.php');
$sql="select * from users";
//exécution de la requete
$resultat=mysqli_query($cnx,$sql);
//récupération et affichage de la résultat
while($tab=mysqli_fetch_assoc($resultat)){ ?>
<tr>
<td><input type="checkbox" class="checkthis" /></td>
<td><?php echo $tab['cin']; ?> </td>
<td><?php echo $tab['affiliation']; ?></td>
<td><?php echo $tab['nom']; ?></td>
<td><?php echo $tab['immatriculation']; ?></td>
<td><?php echo $tab['adresse']; ?></td>
<td><p data-placement="top" data-toggle="tooltip" title="Edit"><button class="btn btn-primary btn-xs" data-title="Edit" data-toggle="modal" data-target="#edit" id="<?php echo $tab['id_user']; ?>"><span class="glyphicon glyphicon-pencil"></span></button></p></td>
<td><p data-placement="top" data-toggle="tooltip" title="Delete"><button class="btn btn-danger btn-xs" data-title="Delete" data-toggle="modal" data-target="#delete" ><span class="glyphicon glyphicon-trash"></span></button></p></td>

</tr>
<?php
}
?>




</tbody>

</table>

<div class="clearfix"></div>
<ul class="pagination pull-right">
<li class="disabled"><a href="#"><span class="glyphicon glyphicon-chevron-left"></span></a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#"><span class="glyphicon glyphicon-chevron-right"></span></a></li>
</ul>

</div>

</div>
</div>
</div>


<div class="modal fade" id="edit" tabindex="-1" role="dialog" aria-labelledby="edit" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
<h4 class="modal-title custom_align" id="Heading">Modifier votre Détail</h4>
</div>
<div class='panel-body' >
<div class='panel-body' >
<form class='form-horizontal' role='form'>
<script type="text/javascript">
var id=document.getElementById("<?php echo $tab['id_user']; ?>");
var id2=<?php echo $tab['id_user']; ?>;
alert(' ID2 = '+id2);
</script>

<!-- Nom et prenom-->
<div class='form-group'>
<label id="nom_prenom" class='control-label col-md-3 col-md-offset-0' for='id_title'>Nom & Pr&eacute;nom</label>
<div class='col-md-8'>
<div class='col-md-2'>
<div class='form-group internal'>
<select name="civilite" class='form-control' id='id_title'>
<option>Mr</option>
<option>Ms</option>
<option>Mrs</option>
<option>Miss</option>
</select>
</div>
</div>
<div class="col-md-3 indent-small">
<div class="form-group internal">
<input name="nom" class="form-control" id="id_first_name" placeholder="Nom et prenom" type="text">
</div>
</div>
</div>
</div>

<!--- date de naissance --->
<div class='form-group'>
<label class='control-label col-md-3 col-md-offset-0' for='id_adults'>Date de naissance</label>
<div class='col-md-8'>
<div class='col-md-4'>
<div class='form-group internal'>
<input class='form-control col-md-8' name="date_naissance" id='id_adults' placeholder='jour' type='date'>
</div>
</div>
</div>
</div>


<!--- adresse --->
<div class='form-group'>
<label class="control-label col-md-3 col-md-offset-0" for="id_email2" >Adresse</label>
<div class='col-md-6'>
<div class='form-group'>
<div class='col-md-11'>
<input name="adresse" class='form-control' id='pwd' placeholder='Adresse' type='text'>
</div>
</div>
</div>
</div>
<!--- telephone --->
<div class='form-group'>
<label class="control-label col-md-3 col-md-offset-0" for="id_email2" >Téléphone</label>
<div class='col-md-6'>
<div class='form-group'>
<div class='col-md-11'>
<input name="tel" class='form-control' id='pwd' placeholder='Téléphone' type='text'>
</div>
</div>
</div>
</div>

<!--- pwd --->
<div class='form-group'>
<label class="control-label col-md-3 col-md-offset-0" for="id_email2" >Mote de passe</label>
<div class='col-md-6'>
<div class='form-group'>
<div class='col-md-11'>
<input name="pwd" class='form-control' id='pwd' placeholder='mote de passe' type='text'>
</div>
</div>
</div>
</div>

<!--- N-CIN --->
<div class='form-group'>
<label class="control-label col-md-3 col-md-offset-0" for="id_email2" >N&deg;Cin</label>
<div class='col-md-6'>
<div class='form-group'>
<div class='col-md-11'>
<input name="cin" class='form-control' id='n_cin' placeholder='N&deg;Cin' type='text'>
</div>
</div>
</div>
</div>

<!--- N- ***affiliation --->
<div class='form-group'>
<label class="control-label col-md-3 col-md-offset-0" for="affiliationnum">N&deg;Affiliation</label>
<div class='col-md-6'>
<div class='form-group'>
<div class='col-md-11'>
<input name="affiliation" class='form-control' id="Id_aff" placeholder='N&deg;Affiliation' type='text'>
</div>
</div>
</div>
</div>

<!--- N- Imatriculation --->
<div class='form-group'>
<label class="control-label col-md-3 col-md-offset-0" for="Imatriculation">N&deg;Imatriculation</label>
<div class='col-md-6'>
<div class='form-group'>
<div class='col-md-11'>
<input name="immatriculation" class='form-control' id='Id_imat' placeholder='N&deg;Imatriculation' type='text'>
</div>
</div>
</div>
</div>

<div class="modal-footer ">
<button type="button" class="btn btn-warning btn-lg" style="width: 100%;"><span class="glyphicon glyphicon-ok-sign"></span> mettre à jour</button>
</div>
</form>
</div>
</div>
</div>

</div>

</div>

<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>



<div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-labelledby="edit" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
<h4 class="modal-title custom_align" id="Heading">Delete this entry</h4>
</div>
<div class="modal-body">

<div class="alert alert-danger" ><span class="glyphicon glyphicon-warning-sign"></span> Êtes-vous sûr de vouloir supprimer ce document?</div>

</div>
<div class="modal-footer ">
<button type="button" class="btn btn-success" ><span class="glyphicon glyphicon-ok-sign"></span> Oui</button>
<button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> Non</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
</body>
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-xs-12">
<p>Page © - 2016</p>
<p>Powered by <strong><a href="http://www.facebook.com/af.soft.1" target="_blank">abdelkaderft</a></strong></p>
</div>
</div>
</div>
</footer>