HTML - 通过单击图像调用javascript
HTML - calling javascript by clicking on image
我试图通过单击图像来调用javascript,但它不起作用。
请参考下面的我的代码。
爪哇语
<script type="text/javascript">
<!--
var image1=new Image()
image1.src="images/Image_1.png"
var image2=new Image()
image2.src="images/Image_2.png"
var image3=new Image()
image3.src="images/Image_3.png"
//-->
function login(showhide){
if(showhide == "show"){
document.getElementById('popupbox').style.visibility="visible";
}else if(showhide == "hide"){
document.getElementById('popupbox').style.visibility="hidden";
}
}
</script>
我的代码
<div id="apDiv21"><img src="images/Login_OnOut.png" width="71" height="44"
onmouseover="this.src='images/Login_OnRollover.png'"
onmouseout="this.src='images/Login_OnOut.png'" onclick="login('show');" />
<div id="popupbox">
<form name="login" action="" method="post" style="background-color:#C7C7C7">
<center>Username:</center>
<center><input name="username" size="14" /></center>
<center>Password:</center>
<center><input name="password" type="password" size="14" /></center>
<center><input type="submit" name="submit" value="login" /></center>
</form>
<center><a href="login('hide');">close</a></center>
</div>
看看我做的这个JSFiddle:
http://jsfiddle.net/Q5asp/
我更改了底部的链接以正确隐藏它。 问题是,当您使用Login('show')
时,它会尝试访问您的表单,因为它是相同的名称。 必须确保函数名称和名称不冲突。
从form
标记中删除属性name="login"
。它现在污染了名称空间,因此 JavaScript 解释器将名称login
作为引用表单节点而不是您的函数。(由于这个原因,Firefox 控制台错误消息显示"登录不是一个功能"。– 您也可以重命名表单,但通常不需要表单的name
属性。
附言您对问题所做的编辑是错误的。<a onclick="login('hide');">close</a>
可单击文本的正确标记(尽管为了可用性,最好使用按钮)。
相关文章:
- 从信息框调用弹出图像库
- 如何通过函数调用设置图像的src
- 无法在java脚本中调用图像的点击事件函数
- Ajax调用,发送图像和其他数据
- 如何通过内容类型为“image/jpeg”的 AJAX 调用将画布图像从 GUI 保存到后端
- 如何在文件打开和调用图像区域选择时获取原始图像大小
- 从阵列中翻转调用图像
- 单击图像更改图像并调用函数
- 调用图像的数据属性
- 使用javascript和php动态调用图像
- 如何在类型为“”的输入上调用onclick函数;图像”;
- 是否可以调用Google API获取地图图像并将图像保存在某个位置
- 在一个随机生成图像的PHP脚本中,为什么在一个页面上多次调用它总是生成相同的图像
- 将生成的随机数存储在变量中,然后将该变量作为文件名调用以显示图像.Javascript
- HTML - 通过单击图像调用javascript
- 使用onload加载多个图像以调用函数,并且只有最后一个加载的图像调用该函数
- 如何使用css,js和图像调用HTML文件
- 如何将数据库中的图像调用到灯箱 Jquery
- Javascript用正则表达式替换多个图像调用
- 渐变图像-调用.fadeIn和.fadeOut的位置