echo HTML modal i while loop
HejsaJeg er i gang med at lave en brugerprofilside, hvor man kan ændre sine oplysninger. I min while loop printer jeg de oplysninger fra min MySQL db som man skal kunne redigere i. Udfra hvert felt kan man trykke på 'change', og en modalbox kommer op, hvor man kan ændre den pågældende (informationn. I den modalbox der er i understående kode, er det kun username man kan ændre)
Men hvor skal den modal HTML kode ind. Det er vel ikke særlig praktisk at printe den 5 gange i en while loop, så kan man gemme den html kode i en variabel, og så kalde variablen fra min while loop, eller er der en anden smart måde at gøre det på?
mvh Mads
profile.php
<div class="bs-docs-section">
<h2 id="tables-hover-rows">
Profile Settings
</h2>
<p>
Change your profile settings here.
</p>
<div class="bs-example">
<table class="table table-hover">
<thead>
<tr>
<th>
#
</th>
<th>
Information
</th>
<th>
</th>
<th>
<h5 a href="../../php/user/test.php">Change</h5> -->
</th>
</tr>
</thead>
<tbody>
<?php
$stmt = $mysqli->prepare("SELECT firstname, lastname, username, email, password FROM login WHERE username ='$_SESSION[username]'");
$stmt->execute();
$firstname = null;
$lastname = null;
$username = null;
$email = null;
$password = null;
$stmt->bind_result($firstname, $lastname, $username, $email, $password);
while($stmt->fetch()) {
echo "<tr><td>Firstname</td><td>".$firstname."</td><td><h5><a href='test.php'>Change</a></h5></td></tr>".
"<tr><td>Lastname</td><td>".$lastname."</td><td><h5><a href='test.php'>Change</a></h5></td></tr>".
"<tr><td>Username</td><td>".$username."</td><td><h5><a href='test.php'>Change</a></h5></td></tr>".
"<tr><td>Email</td><td>".$email."</td><td><h5><a href='test.php'>Change</a></h5></td></tr>".
"<tr><td>Password</td><td>".$password."</td><td><h5><a href='test.php'>Change</a></h5></td></tr>";
}
$stmt->close();
$mysqli->close();
?>
</tbody>
</table>
</div>
<!-- /example -->
</div>
<!-- Docs Section end -->
</div>
<!--container end-->
</div>
}
Modal
<div class="container">
<h2>Modal</h2>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-xs" data-toggle="modal" data-target="#myModal">Open Modal</button>
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="form-wrapper-change-userinformation">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="form-wrapper-change-userinformation">
<!-- Modal -->
<div class="form-wrapper-change-userinformation">
<form class="form-signin wow fadeInUp" method="post" action="">
<h2 class="form-signin-heading">Update</h2>
<div class="login-wrap">
<hr>
<p>Username</p>
<input id="disabledInput" type="text" disabled class="form-control" name="username" placeholder="User ID"
value="<?php
$stmt = $mysqli->prepare("SELECT username FROM login WHERE username ='$_SESSION[username]'");
$stmt->execute();
$username = null;
$stmt->bind_result($username);
while($stmt->fetch()) {
echo $username;
}
?>">
<hr>
<input type="text" class="form-control" name="username" placeholder="New Username" autofocus>
</hr>
</label>
<button class="btn btn-lg btn-login btn-block">Update<a href="index.php?todo=logout">Update</a></button>
</div>
</form>
</div>
<!-- End Modal Container -->
</div>
<!-- End Modal Content -->
</div>
<!-- End Modal Content -->
</div>
<!-- End Modal-dialog -->
</div>
<!-- End Container -->
