0

与えられたコードを何時間も更新しようとしましたが、運がありませんでした。このページの例をたくさん試しましたが、まだ役に立ちません...

一部のデータを出力する php ループがあり、[表示] リンクをクリックすると、モーダル ボックスがポップアップし、特定の人物の詳細情報が表示されます。そのモーダルボックスのコンテンツを表示するには、外部phpファイルを使用するので、値を渡すのは簡単だと思い、渡されたIDに基づいてDBからすべての情報を選択して表示するだけです。私はとても間違っていた...

これが私が今持っているものです：

PHP:

<tr>
  <td>' . sel_db('*', 'guests', $row['guestID'], '3') . '</td>
  <td>' . find_lounge($row['departureID']) . '</td>
  <td>' . $row['flight_no'] . '</td>
  <td>' . $row['arrival_time'] . '</td>
  <td><a class="modalInput" rel="#details_view">View</a></td>
  <td class="cent">' . $thisBooking . '</td>
</tr>

そして、この小さな jquery:

<script type="text/javascript" />
  var triggers = $(".modalInput").overlay({

  // some mask tweaks suitable for modal dialogs
  mask: {
    color: '#ebecff',
    loadSpeed: 200,
    opacity: 0.9
  },

  closeOnClick: true
 });
 $('#details_view').load('popup.php?ID=???');

 </script>

さらに、純粋な HTML ページ内の div (php コードとまったく同じ):

  <!-- Details popup -->
    <div class="modal" id="details_view">
      { here is loaded external php file }
  </div>

ポップアップは正常に開きますが、php ループからその ID を取得できないため、動的なものを表示する方法はありません。

誰でもここで助けてもらえますか？どんな入力でも大歓迎です。

乾杯、 グレッグ・ビアロワス

4

1 に答える 1

1

最新の Web 標準に準拠したい場合、情報を HTML5 データ属性として DOM に保存できます。data-基本的に、DOM要素に関する任意の情報を保存したいときに始まる任意の属性を追加できます。あなたのリンクは次のようになります

<a class="modalInput" rel="#details_view" data-id="???">View</a>

ポップアップをロードする必要があるときに、Javascript からこの情報を読み取ることができます。

$('[rel="#details_view"]').attr('data-id'); // Returns the ID

また、あなたは間違いを犯したと思いますが、rel="#details_view"私にはあまり意味がありません$('#details_view'). 上記のセレクターはそうします。

于 2012-11-03T15:52:42.457 に答える