Könntet ihr mir bei folgendem Problem weiterhelfen [Blockierte Grafik: https://www.php.de/core/images/smilies/smile.png]
Ich möchte eine Tabelle erstellen, die Daten aus mySQL beinhaltet. In einer Tabellenzeile soll anstelle von Text ein Button erscheinen, der bei Betätigung ein Dialogfenster mit dem mySQL Inhalt öffnet.
So wie der Code unten steht klappt es soweit, allerdings funktioniert nur der erste Button, die weiteren sind zwar vorhanden, öffnen aber kein Dialogfenster. Mir ist klar, dass ich dem Button noch zuweisen muss, welchen Dialog er öffnet, aber wie mache ich das am besten?
Vielen Dank!
PHP
<script>
$( function() {
$( "#dialog" ).dialog({
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});
$( "#opener" ).on( "click", function() {
$( "#dialog" ).dialog( "open" );
});
} );
</script>
</head>
<?php
function tabelle($result){
echo '<table id="tabelle" class="table table-striped">';
echo "<tr>";
echo "<th>Fahrt</th>";
echo "<th>Abfahrtsort</th>";
echo "<th>Zielort</th>";
echo "<th>Datum</th>";
echo "<th>Zeit</th>";
echo "<th>Preis</th>";
echo "<th>Name</th>";
echo "<th>Kontakt</th>";
echo "<th>Beschreibung</th>";
echo "<tr>";
$i=1;
while($fetch = mysqli_fetch_array($result)){
$dialog = '<button id="opener">Details</button>';
echo "<tr>";
echo "<td>".$fetch[10]."</td>";
echo "<td>".$fetch[4]."</td>";
echo "<td>".$fetch[5]."</td>";
echo "<td>".$fetch[6]."</td>";
echo "<td>".$fetch[7]."</td>";
echo "<td>".$fetch[8]."</td>";
echo "<td>".$fetch[1]."</td>";
echo "<td>".$fetch[2]."</td>";
echo "<td>".$dialog."</td>";
echo "</tr>";
${$ausgabe [i]} = $fetch[9];
echo '<div id="dialog" title="Details"><p>'.${$ausgabe [i]}.'</p></div>';
$i++;
}
echo "</table>";
}
?>