0

行の最初のセル値を取得してオーバーレイページに送信するために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>
4

1 に答える 1

0

ボタンをクリックすると、最初の行の値がjqueryに送信され、2番目のページにajax呼び出しが行われ、2番目のページの応答によってボタンを結果に置き換えて、例を探すときに必要な計算を実行します。

http://api.jquery.com/jQuery.ajax/

このようなスパンにボタンを置きます

<span id="result">
<button id="my-button">Get Score</button></span>

次に、応答処理jqueryにこれを入れます

$("#result").html(you calculation result jquery variable);
于 2013-01-16T16:48:40.703 に答える