行の最初のセル値を取得してオーバーレイページに送信するために6列目のボタンを押すときに必要なテーブルが生成されました。オーバーレイページは計算を実行しますが、時間がかかり、スコアが表示されます。 6列目のボタンをそのスコアに置き換えます。
処理中にpage2.phpをオーバーレイに表示できません(ここからポップアップを使用します)
これが私がこれまでに到達したものです
<tbody>
<?php foreach ($rows as $row_number => $columns): ?>
<?php
$row_class = 'row-' . ($row_number + 1);
if ($row_number == 0) {
$row_class .= ' row-first';
}
if (count($rows) == ($row_number + 1)) {
$row_class .= ' row-last';
}
?>
<tr class="<?php print $row_class; ?>">
<?php foreach ($columns as $column_number => $item): ?>
<td class="<?php print 'col-'. ($column_number + 1); ?>" >
<?php print $item; ?>
</td>
<?php endforeach; ?>
<td>
<?php print $dnsearch; ?>
</td>
<td>
<button id="my-button">Get Score</button>
<div id="element_to_pop_up">
<a class="bClose">x<a/>
ここで、page2.phpはスクリプトから変数を受け取り、処理を実行してデータ(スコア)を返し、クリックされたボタンを置き換えます。
</div>
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
<script type="text/javascript">
$(":button").click(function (e) {
e.preventDefault();
$('#element_to_pop_up').bPopup();
$.post("page2.php", {val: $(this).closest('tr').find('td:eq(0)').text()}, function(returned_data){
// alert(returned_data);
$(e.target).closest("td").text(returned_data); // to replace button with score
});
});
</script>