我在一个页面上放了一组小图像作为链接(大约50个左右)。在同一个页面中,我有一个内容占位符来显示数据库中的数据,并且我在phpmyadmin中保存了一个表,该表有一组填充了数据的字段。
我想要的是,当用户点击某个图像链接时,与该图像相关的数据会被检索到网站中。因此,我希望检索数据以匹配单击的图像。
我知道如何使用dreamweaver中的绑定面板从数据库中检索数据,我知道这与过滤检索到的数据有关,但我不知道如何做到这一点。我如何使这个过程正常工作?
如果有帮助的话,我还在这个项目中使用Jquery CSS和javascript。
项目如下:
http://i725.photobucket.com/albums/ww256/flower1991a/world_zps26b7083d.png
HTML代码:
它没有显示,我拍了一张截图:
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);
});
});
//end就绪});
您需要创建一个PHP脚本,该脚本根据单击的图像使用REQUEST变量参数,并返回该图像的数据。
然后,您可以通过AJAX调用该PHP脚本,并用检索到的数据填充页面的任何区域。