JS. 已经include在jsp页面中, 这个打开隐藏部分的js在chrome和ie下都正常,可是在firefox下就不正常,求一个方法能修改到这三个浏览器通用 谢谢!
function showmore()
{
me = event.srcElement;
/*var c = me.parentNode.parentNode.childNodes[11];*/
if( document.getElementById("moreinfo").style.display == "none")
{
document.getElementById("moreinfo").style.display = "block";
me.title = "click to fold";
me.src = "images/minus.gif";
}
else
{
document.getElementById("moreinfo").style.display = "none";
me.title = "click to unfold";
me.src = "images/add.gif";
}
}
<div id="moreinfo" style="display: none;">
<div id="optionalinfo">
<div id="firstname">
First Name: <input type="text" name="firstName" value="${form.firstName}"/>
</div>
<div id="lastname">
Last Name : <input type="text" name="lastName" value="${form.lastName}"/>
</div>
<div id="gender">
Gender : <select name="gender" style="height: 25px; width: 149px">
<option>Male</option>
<option>Female</option>
</select>
</div>
<div id="university">
University: <input type="text" name="university" value="${form.university}"/>
</div>
<div id="country">
Country : <input type="text" name="country" value="${form.country}"/>
</div>
<div id="state">
State : <input type="text" name="state" value="${form.state}"/>
</div> </div>
</div>
<div>
<img style="cursor: hand;" src="images/add.gif"
title="click to fold" onClick="showmore();return false;">More
Infomation
</div>
function showmore()
{
me = event.srcElement;
/*var c = me.parentNode.parentNode.childNodes[11];*/
if( document.getElementById("moreinfo").style.display == "none")
{
document.getElementById("moreinfo").style.display = "block";
me.title = "click to fold";
me.src = "images/minus.gif";
}
else
{
document.getElementById("moreinfo").style.display = "none";
me.title = "click to unfold";
me.src = "images/add.gif";
}
}
<div id="moreinfo" style="display: none;">
<div id="optionalinfo">
<div id="firstname">
First Name: <input type="text" name="firstName" value="${form.firstName}"/>
</div>
<div id="lastname">
Last Name : <input type="text" name="lastName" value="${form.lastName}"/>
</div>
<div id="gender">
Gender : <select name="gender" style="height: 25px; width: 149px">
<option>Male</option>
<option>Female</option>
</select>
</div>
<div id="university">
University: <input type="text" name="university" value="${form.university}"/>
</div>
<div id="country">
Country : <input type="text" name="country" value="${form.country}"/>
</div>
<div id="state">
State : <input type="text" name="state" value="${form.state}"/>
</div> </div>
</div>
<div>
<img style="cursor: hand;" src="images/add.gif"
title="click to fold" onClick="showmore();return false;">More
Infomation
</div>
{
event = event || window.event;
var me = event.target || event.srcElement;
//……
}
onClick="showmore(event);return false;">
function showmore(e)
{
var e = e ? e : window.event
me = e.srcElement ? e.srcElement : e.target
}
关于火狐中的event请见
http://xcily1.blog.163.com/blog/static/28716916201012631514271/另外火狐中用event.target 而不是event.srcElement--------------------------------------帅签分割线-------------------------------------------------
+++IE event 是全局的
FF event 在触发事件的时间点有效!
onClick="showmore(event);"
onclick=function(e){};
是这样的,ie的事件源是全局的,ff中的事件源需要事件激发产生,通过参数传递
{
var me = img;
if( document.getElementById("moreinfo").style.display == "none")
{
document.getElementById("moreinfo").style.display = "block";
me.title = "click to fold";
me.src = "images/minus.gif";
}
else
{
document.getElementById("moreinfo").style.display = "none";
me.title = "click to unfold";
me.src = "images/add.gif";
}}