点击图片使其转换的实现问题
在jsp页面中有一张图片,我写了一个js文件实现当点击它的时候换为另一张图片,但是在实现再次点击变为原来图片的时候出现了问题,具体的代码如下:
jsp:<img src="image/startexecute.png" alt="关闭" id="end" onclick="changeImg1()"/>
js:function changeImg1(){
var img1 = document.getElementById("end");
img1.src="image/stopexecute.png";
img1.alt="关闭";
img1.id="start";
img1.onclick="changeImg2()"
alert("设备关闭成功");
}
function changeImg2(){
var img2 = document.getElementById("start");
img2.src="image/startexecute.png";
img2.alt="开启";
alert("设备开启成功");
}
在实现的过程中有错误,而且这种实现只是表面上的实现,我写了个java程序来实现点击图片时更改数据库的信息,依照信息来变换图片方便的多,但是在js中调用java类老是提示出错,调用不成功,(单独执行java程序能实现数据库更新)怎么才能让js文件调用java类啊。
jsp:<img src="image/startexecute.png" alt="关闭" id="end" onclick="changeImg1()"/>
js:function changeImg1(){
var img1 = document.getElementById("end");
img1.src="image/stopexecute.png";
img1.alt="关闭";
alert("设备关闭成功");
update.insert();
alter("更新成功") //update 是类名,update1更新数据库方法名
}
------解决方案--------------------
js不能直接调用java类的方法,至少我还没见到过~~~
看lz这个情况,应该没用到框架吧,可以实现的方法很多。
用个jsp或者servlet,在这个里面写处理的逻辑
js里这句update.insert()改成,window.location.href="指向jsp或者servlet"