By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
425,501 Members | 1,678 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 425,501 IT Pros & Developers. It's quick & easy.

show hide layer in IE and Mozilla

P: 2
hi,

I want to show hide layers. I am able to show and hide layers but i am facing problem that, cant view the cursor in Mozilla,but i can type in input text box, its overlapping the layers.

I don`t want to change the way i have used to show and hide layers.
check down code :-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#first {
position:absolute;
width:500px;
height:300px;
z-index:1;
background-color: #99CCFF;
overflow: auto;
visibility: visible;
}
#second {
position:absolute;
width:500px;
height:300px;
z-index:2;
background-color: #9999FF;
visibility: hidden;
}
#third {
position:absolute;
width:500px;
height:300px;
z-index:3;
background-color: #99CCCC;
visibility: hidden;
}
#fourth {
position:absolute;
width:500px;
height:300px;
z-index:4;
background-color: #FFCCCC;
visibility: hidden;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="255" align="center"><strong onfocus="MM_showHideLayers('first','','show','seco nd','','hide','third','','hide','fourth','','hide' )"><a href="#" onclick="MM_showHideLayers('first','','show','seco nd','','hide','third','','hide','fourth','','hide' )">1</a></strong></td>
<td width="255" align="center"><strong><a href="#" onclick="MM_showHideLayers('first','','hide','seco nd','','show','third','','hide','fourth','','hide' )">2</a></strong></td>
<td width="255" align="center"><strong><a href="#" onclick="MM_showHideLayers('first','','hide','seco nd','','hide','third','','show','fourth','','hide' )">3</a></strong></td>
<td width="255" align="center"><strong><a href="#" onclick="MM_showHideLayers('first','','hide','seco nd','','hide','third','','hide','fourth','','show' )">4</a></strong></td>
</tr>
</table></td>
</tr>
<tr>
<td><div id="first">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" height="25">Your Text </td>
<td width="50%"><input type="text" name="textfield" /></td>
</tr>
<tr>
<td height="25">Your Text </td>
<td><input type="text" name="textfield2" /></td>
</tr>
<tr>
<td height="25">Your Text </td>
<td><input type="text" name="textfield3" /></td>
</tr>
<tr>
<td height="25">Your Text </td>
<td><input type="text" name="textfield4" /></td>
</tr>
</table>
</div></td>
</tr>
</table>
<div id="second">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" height="25">Your Text </td>
<td width="50%"><input type="text" name="textfield5" /></td>
</tr>
<tr>
<td height="25">Your Text </td>
<td><input type="text" name="textfield22" /></td>
</tr>
<tr>
<td height="25">Your Text </td>
<td><input type="text" name="textfield32" /></td>
</tr>
<tr>
<td height="25">Your Text </td>
<td><input type="text" name="textfield42" /></td>
</tr>
</table>
</div>
<div id="third">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" height="25">Your Text </td>
<td width="50%"><input type="text" name="textfield6" /></td>
</tr>
<tr>
<td height="25">Your Text </td>
<td><input type="text" name="textfield23" /></td>
</tr>
<tr>
<td height="25">Your Text </td>
<td><input type="text" name="textfield33" /></td>
</tr>
<tr>
<td height="25">Your Text </td>
<td><input type="text" name="textfield43" /></td>
</tr>
</table>
</div>
<div id="fourth">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" height="25">Your Text </td>
<td width="50%"><input type="text" name="textfield7" /></td>
</tr>
<tr>
<td height="25">Your Text </td>
<td><input type="text" name="textfield24" /></td>
</tr>
<tr>
<td height="25">Your Text </td>
<td><input type="text" name="textfield34" /></td>
</tr>
<tr>
<td height="25">Your Text </td>
<td><input type="text" name="textfield44" /></td>
</tr>
</table>
</div>
</body>
</html>
May 4 '07 #1
Share this Question
Share on Google+
1 Reply


drhowarddrfine
Expert 5K+
P: 7,435
You cannot apply the 'onfocus' property to <strong>.
May 4 '07 #2

Post your reply

Sign in to post your reply or Sign up for a free account.