0

私はこの質問が何度も聞かれることをよく知っていますが、私の問題がどのように異なっていて、解決策が見つかりませんでした。

今問題になります。

私は画像を持っているので、画像をクリックするたびにポップアップウィンドウが開いてデータが表示されます。これを動的にし、IDに従ってデータを取得する必要があります。

これが私の画像コードです。

<div id='contact-form'>

        <a href='#' class='contact'><img src="<?php echo base_url();?>/assets/images/pre.jpg" style="height:18px; width:18px"></a>
      </div>
        <!-- preload the images -->
        <div style='display:none'>
            <img src='<?php echo base_url();?>assets/images/img/contact/loading.gif' alt='' />
        </div>  


And on its click the ajax is called from js file here is the code of that js file:
//here the provider is controller and show_coupon_pre is a function which call the view having the data.
$.get("provider/show_coupon_pre", function(data){
                    // create a modal dialog with the data
                    $(data).modal({
                        closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
                        position: ["15%",],
                        overlayId: 'contact-overlay',
                        containerId: 'contact-container',
                        onOpen: contact.open,
                        onShow: contact.show,
                        onClose: contact.close
                    });
                });

レコードのないテーブルがあり、各レコードにはこのタイプの画像があります。ユーザーはクリックして、ポップウィンドウでプレビューを取得できます。しかし、id = 1の場合のように、ポップアップでデータを表示したいのですが、id==1のデータを表示する必要があります。さて、皆さん、このIDをjsファイルに渡して必要なデータを取得する方法を教えてください。

私はcodeignitorで働いています。

4

2 に答える 2

1

最も簡単なソリューション

<table>
<tr>
 <td><img class="banner" src="/image1.png" post_id="1"></td>
 <td>some other data 1</td>
</tr>
<tr>
 <td>
 <td><img class="banner" src="/image1.png" post_id="2"></td>
 <td>some other data 2</td>
</tr>
</table>

Javascript：

$('.banner').click(function() { 
  post_id = $(this).attr("post_id");

  // send your ajax with post_id
} );
于 2012-09-18T09:39:48.797 に答える
0

画像を出力するときにphpにIDがある場合は、次のようにします。

<script>
var randomId = <?php echo '"' . $phpId . '"'; ?>
</script>
于 2012-09-18T09:41:35.257 に答える