我在页面上放置了一组小图像作为链接(大约50个或更少)。在同一页面中,我有一个内容占位符来显示数据库中的数据,我有一个保存在phpmyadmin中的表,其中包含一组填充数据的字段。
我想要的是当用户点击某个图片链接时,与该图片相关的数据会被检索到该网站。所以我想要检索数据以匹配点击的图像。
我知道如何使用Dreamweaver中的绑定面板从数据库中检索数据,我知道这与过滤检索的数据有关,但我不知道该怎么做..我怎样才能使这个过程有效?
如果有帮助我也在这个项目中使用Jquery CSS和javascript。
该项目如下所示:
http://i725.photobucket.com/albums/ww256/flower1991a/world_zps26b7083d.png
HTML code:
它没有显示我截了它的截图:
http://i725.photobucket.com/albums/ww256/flower1991a/a_zpsa138aa52.png
jQuery代码:
$(document).ready(function(){ //开始准备
//...................................................
// When the form changes
$('#mapForm').change(function() {
var selectedContinent = $('#mapForm option:selected').val();
if (selectedContinent == 'ALL'){
$('a.dot').slideDown(1000);
}else{
$('a.dot[continent = "'+selectedContinent+'"]').slideDown(1000);
$('a.dot[continent != "'+selectedContinent+'"]').slideUp(1000);
}
});
//...................................................
// When a dot is clicked
$('a.dot').click(function(){
$('a.dot').removeClass('selected');
$(this).addClass('selected');
var city = '.city_detail#' + $(this).attr('city');
var htmlCode = $(city).html();
$('.detail_container').fadeOut(500, function(){
$('.detail_container .city_detail').html(htmlCode);
$('.detail_container').fadeIn(500);
});
});
//结束准备 });
答案 0 :(得分:0)
您需要创建一个PHP脚本,该脚本根据已单击的图像获取REQUEST变量参数,并返回该图像的数据。
然后,您可以通过AJAX调用该PHP脚本,并使用检索到的数据填充您想要的页面区域。