Probleme d'affichage de page modale

Fermé
aichatou - 9 févr. 2023 à 13:22
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 - 9 févr. 2023 à 17:04

Bonjour, j'ai besoin de votre précieuse aide. J'ai crée un tableau qui affiche ide(c'est à dire id de l'étudiant),nom,prénom,datenaiss,sexe,filière avec un menu qui contient 3 buttons(détail,modifier,supprimer) dont seulement détail et modifier sont actifs et ce sont des pages modales. Le problème est que quand je clique sur le button modifier de chaque étudiant, ça m'affiche toujours les renseignement du 1er étudiant:

Voici le code

<?php
require_once('cn.php');
$re=$cn->query('SELECT * from etudiant');
?>


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!--link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"-->

	<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>

	<title></title>
</head>
<body>
	<div class="col-md-12">
	<table class="table table-striped table-bordered table-hover">
		<center>
<h1>LISTE DES INSCRITS</h1></center>
<thead>
<tr class="info">
	<th>ide</th>
<th width="12%">Photo</th>
<th width="5%">Nom</th>
<th width="5%">Prenom</th>
<th>Datenaiss</th>
<th>Sexe</th>
<th>filiere</th>
<th>Section</th>
<th>Menu</th>
</tr>	
</thead>
<tbody>


		<?php while($tabRe=$re->fetch()) {?>
		<tr>
			
			<td><?php echo $tabRe['ide']; ?></td>
			<td><?php echo $tabRe['photo']; ?></td>
			<td><?php echo $tabRe['nom']; ?></td>
			<td><?php echo $tabRe['prenom']; ?></td>
			<td><?php echo $tabRe['datenaiss']; ?></td>
			<td><?php echo $tabRe['sexe']; ?></td>
			<td><?php echo $tabRe['filiere']; ?></td>
			<td><?php echo $tabRe['section']; ?></td>

			<td>
				<button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#detail" class="btn-btn-info btn-sm">
			Detail</button>				
			


			<button data-toggle='modal' data-target='#modif' class="btn btn-success btn-sm"><i class="glyphicon glyphicon-edit"></i>&nbsp;Modifier</button>
		
		
			<button data-toggle='modal' data-target='#suppr' class="btn btn-warning btn-sm"><i class="glyphicon glyphicon-trash"></i>&nbsp;Supprimer</button>
				
			</td>
		</tr>
	
<?php } ?>
</tbody>
</table>
<!--debut modal detail-->

<div class="modal fade" id="detail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 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">
&times;
</button-->
<h4 class="modal-title" id="myModalLabel">
Carte Etudiant
</div>
</h4>
<div class="modal-body">
<!--https://www.youtube.com/watch?v=PCmVQBvWCMU lien pour impression en pdf-->
<div class="form-groupe">
	<label>N°carte:</label>
</div>
<div class="form-groupe">
	<label>Nom:</label>
</div>
<div class="form-groupe">
	<label>Prenom:</label>
</div>
<div class="form-groupe">
	<label>Sexe:</label>
</div>
<div class="form-groupe">
	<label>Datenaiss:</label>
</div>
<div class="form-groupe">
	<label>Lieunaiss:</label>
</div>
<div class="form-groupe">
	<label>Filiere:</label>
</div>
<div class="form-groupe">
	<label>Section:</label>
</div>
<div class="form-groupe">
	<label>Annee-academique:</label>
</div>
</div>
<!---->
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">Close
</button>
<button type="button" class="btn btn-primary">
Imprimer
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.moda-->
</div>
</div>

<!--FIN modal detail-->
<!--Erreur lors de la tentative d'accès au tableau offset sur la valeur de type bool dans block.php Ligne 297-->

<!-- Modale de modification-->
<div class="modal fade" id="modif" tabindex="-1" aria-hidden='true' aria-labelledby="modif" role='dialog'>
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"> &times; </button>
				<?php 
				$re=$cn->query('SELECT * from etudiant ');
						$tabRe=$re->fetch();
						
						?>

				<i class="glyphicon glyphicon-user"></i>&nbsp;Modification de l'etudiant
					<strong> <?php echo $tabRe['nom'].'&nbsp;'.$tabRe['prenom']; ?></strong></div>
			<div class="modal-body">
				<form class="form-horizontal" action="opera_ali.php" method="POST" >
				<!--masquage de ide-->
					<input type="hidden" name="c" value="2">
					<input type="hidden" name="ide" value="<?php echo $tabRe['ide']; ?>">
						<div class="form-group">
							<div class="col-md-3">
							<label for="nom" class="control-label pull-right">Nom:</label></div>
							<div class="col-md-7">
									<input type="text" name="nom" class="form-control" placeholder="Saisissez le nom" required="" value="<?php echo $tabRe['nom'];?>">
							</div>
						</div>
						<div class="form-group">
							<div class="col-md-3">
							<label for="prenom" class="control-label pull-right">Prenom:</label></div>
							<div class="col-md-7">
									<input type="text" name="prenom" class="form-control" placeholder="Saisissez le prenom" required="" value="<?php echo $tabRe['prenom'];?>">
							</div>
						</div>
						<div class="form-group">
							<div class="col-md-3">
							<label for="datenaiss" class="control-label pull-right"><i class="glyphicon glyphicon-calendar"></i>&nbsp;Date de naissance:</label></div>
							<div class="col-md-7">
									<input type="date" name="datenaiss" class="form-control" placeholder="Saisissez la  date de naissance" required="" value="<?php echo $tabRe['datenaiss'];?>">
							</div>
						</div>
						<div class="form-group">
							<div class="col-md-3">
							<label for="lieunaiss" class="control-label pull-right">Lieu de naissance:</label></div>
							<div class="col-md-7">
									<input type="text" name="lieunaiss" class="form-control" placeholder="Saisissez le lieu de naissance" required="" value="<?php echo $tabRe['lieunaiss'];?>">
							</div>
						</div>
						<div class="form-group">
							<div class="col-md-3">
							<label for="tel" class="control-label pull-right"><i class="glyphicon glyphicon-ear-phone"></i>&nbsp;Telephone:</label></div>
							<div class="col-md-7">
									<input type="text" name="tel" class="form-control" placeholder="Saisissez le numero de telephone" required="" value="<?php echo $tabRe['tel'];?>" >
							</div>
						</div>
						<div class="form-group">
						<div class="col-md-3"></div>
						<div class="col-md-7">
							<button type="submit" class="btn btn-success btn-block"><i class="glyphicon glyphicon-save"></i>&nbsp;Modifier</button>
						</div>
					</div>
					</form>
			</div>
		
		</div>
	</div>
</div>
</div>
</body>
</html>



Windows / Firefox 109.0

A voir également:

1 réponse

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
9 févr. 2023 à 17:04

Bonjour,

 Ah.. tiens ..  c'est bizarre ... mais ça semble bien correspondre à mon dernier message de ta précédente question .....

.

Bref...

Pour faire ce que tu souhaites, le plus propre reste l'utilisation de l' AJAX.


0