Boa Noite, estou a fazar um website para um projeto de escola, no codigo abaixo tenho a tabela com os dados da base de dados e a modal, e queria que ao clicar no botão na linha da tabela, o botão obtese o Nome para a janela modal, e na janela modal apresente todos os dados relacionados com esse nome(Numero, Nome, Ano, Turma)
Código :
Código :
<html>
<body>
<table class="table">
<thead>
<tr>
<th></th>
<th>Num</th>
<th>Nome</th>
<th></th>
</tr>
</thead>
<?php
while ($row = $result->fetch_assoc()) {
?>
<tbody>
<tr>
<td width="10%"><img src="avatar.jpg" class="img-circle img-responsive"></td>
<td width="20%"><?php echo $row["Numero"]; ?></td>
<td width="50%"><?php echo $row["Nome"]; ?></td>
<td width="20%"><a href="#myModal" data-toggle="modal" class="btn btn-sm btn-success"><span class="glyphicon glyphicon-user"></span> Saída</a></td>
</tr>
</tbody>
<?php } ?>
</table>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Ordem de saída</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<h5><b>Numero:</b></h5></br>
<h5><b>Nome:</b></h5></br>
<h5><b>Ano:</b></h5></br>
<h5><b>Turma:</b></h5></br>
</div>
</div>
<div class="row">
<div class="col-md-12">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
<button type="button" class="btn btn-primary">Confirmar</button>
</div>
</div>
</div>
</div>
</body>
<html>
<body>
<table class="table">
<thead>
<tr>
<th></th>
<th>Num</th>
<th>Nome</th>
<th></th>
</tr>
</thead>
<?php
while ($row = $result->fetch_assoc()) {
?>
<tbody>
<tr>
<td width="10%"><img src="avatar.jpg" class="img-circle img-responsive"></td>
<td width="20%"><?php echo $row["Numero"]; ?></td>
<td width="50%"><?php echo $row["Nome"]; ?></td>
<td width="20%"><a href="#myModal" data-toggle="modal" class="btn btn-sm btn-success"><span class="glyphicon glyphicon-user"></span> Saída</a></td>
</tr>
</tbody>
<?php } ?>
</table>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Ordem de saída</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<h5><b>Numero:</b></h5></br>
<h5><b>Nome:</b></h5></br>
<h5><b>Ano:</b></h5></br>
<h5><b>Turma:</b></h5></br>
</div>
</div>
<div class="row">
<div class="col-md-12">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
<button type="button" class="btn btn-primary">Confirmar</button>
</div>
</div>
</div>
</div>
</body>
<html>