我非常清楚这个问题很多时候会问,但有些问题是我的问题不同而且我找不到解决方案。
现在问世了。
我有一个图像,所以每当我点击图像时,弹出窗口都会打开并显示数据。现在我想让它变得动态,并希望数据应该根据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工作。
答案 0 :(得分: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
} );
答案 1 :(得分:0)
如果您在输出图像时在php中有ID,我会这样做:
<script>
var randomId = <?php echo '"' . $phpId . '"'; ?>
</script>