jsp 表格中有若干图片但都链接到同一个jsp页面,通过点击不同图片动态改变指向的jsp页面内容(内容为被点击的图片),图片路径存储在数据库中,谢谢各位大神,求指教
这些图片是放在表格中显示在a.jsp中,而且已经链接到了同一个页面,假设是b.jsp,我是想在b.jsp中知道a.jsp中哪个图片被点击了,可以是它在表格中的位置或者图片名字都可以
我做的是一个简单的购物网站,有商品列表(就是上文中在a.jsp表格里的图片),不可能为每一个商品都单独写一个界面吧,所以点击图片后进入商品详情里面,根据点击的不同图片,读取数据库,然后在b.jsp中显示不同的内容。就要知道具体是哪张图片被点击了。还是新手,求大神指点
<script>
var items = document.getElementsByTagName("a");
for(var i = 0 ; i <items.length; i++){
var item = items[i];
item.href = "http://localhost/img"+ i +".html";
}
</script>
以上个人理解
楼上的有点问题,楼主说的是链接到同一个JSP文件,你这么写href表示的就是N个JSP页面了。我觉得可以这么改
<script>
var items = document.getElementsByTagName("a");
for(var i = 0 ; i <items.length; i++){
var item = items[i];
item.href = "http://localhost/img.html?msg="+i;
}
</script>
然后JSP页面通过get方法获取msg的值,再通过msg的值来进行相应的操作
<img src="xxxxx" id="img1" onclick="clickImg(this.id)"/><img src="xxxxx" id="img2" onclick="clickImg(this.id)"/>........
<a href="javascript:;" onclick="gotoB()">
<script>
var ids = '';
function clickImg(ImgId){
ids += ImgId + "-";
}
function gotoB(){
if(ids != '') location.href="b.jsp?ids="+ ids.subString(0,ids.length-1);
}
</script>
b.jsp上获取 参数ids ,split('-') 分割获取 数组ids[];
在路径中追加参数 可以实现需求。http://localhost:8080/img-1?id=1 然后取出id编号查询 。