用户控件里一个TextBox 控件,一个图片控件img,一个gridview控件.做个通用的模拟多列下拉控件.
点击img控件显示div1有什么方法当再次点击图片或者控件外页面任意空白处隐藏div.
我是这么写的不执行,我的代码如下
<script language="javascript" type="text/javascript">
function hidemenu()
{
document.getElementById('<%= ddldiv.ClientID %>').style.display='none';
}
function dropit(e){
if ( document.getElementById('<%= ddldiv.ClientID %>').style.display=='none';)
document.getElementById('<%= ddldiv.ClientID %>').style.display='block';
else
document.getElementById('<%= ddldiv.ClientID %>').style.display='none';
return false
}
if(document.images)
{
document..getElementById('<%= ddldiv.ClientID %>').captureEvents(Event.CLICK);
document..getElementById('<%= ddldiv.ClientID %>').onclick=dropit
}
else if(document.all)
{
document.body.onclick=hidemenu
}
</script>
如果这么写<img src="../images/btnarrow.gif" border="0" style="height:20px;width:17px" onclick="javascript:document.getElementById('<%= ddldiv.ClientID %>').style.display='block';" id="img1"/>可以显示div.
请问下点击空白处隐藏div代码怎么写.
点击img控件显示div1有什么方法当再次点击图片或者控件外页面任意空白处隐藏div.
我是这么写的不执行,我的代码如下
<script language="javascript" type="text/javascript">
function hidemenu()
{
document.getElementById('<%= ddldiv.ClientID %>').style.display='none';
}
function dropit(e){
if ( document.getElementById('<%= ddldiv.ClientID %>').style.display=='none';)
document.getElementById('<%= ddldiv.ClientID %>').style.display='block';
else
document.getElementById('<%= ddldiv.ClientID %>').style.display='none';
return false
}
if(document.images)
{
document..getElementById('<%= ddldiv.ClientID %>').captureEvents(Event.CLICK);
document..getElementById('<%= ddldiv.ClientID %>').onclick=dropit
}
else if(document.all)
{
document.body.onclick=hidemenu
}
</script>
如果这么写<img src="../images/btnarrow.gif" border="0" style="height:20px;width:17px" onclick="javascript:document.getElementById('<%= ddldiv.ClientID %>').style.display='block';" id="img1"/>可以显示div.
请问下点击空白处隐藏div代码怎么写.
window.onload = function()
{
document.onclick=btnEvent;
}
function btnEvent()
{
divs = document.getElementsByTagName("DIV");
var ss;
if(window.event.srcElement.tagName!="IMG")
{
obj=document.getElementById('<%= ddldiv.ClientID %>');
if(obj.id)
{
for(var i=1;i<=obj.tagName.length;i++)
{
divid="Userddl"+i+"_ddldiv";
}
document.getElementById(divid).style.display='none';
}
}
}
</script>
我如果用这个是控件里的一段<img src="../images/001.gif" onclick="javascript:document.getElementById('<%= ddldiv.ClientID %>').style.display='block';" id="img1"/> 如果我给img加runat="server"的话报错!请问我该怎么写呢..