Link to home
Start Free TrialLog in
Avatar of hongjun
hongjunFlag for Singapore

asked on

Visibility Strange in IE

Below is working strangely in IE.
It is all fine in FF.

Step 1: Select "Sub Admin"
Step 2: Click "View Module Assignment"
                - For IE users, select "Super Admin" and you will see the many checkboxes appearing
                - For FF users, you will see the checkboxes appear besides the div. This is what I want!

Please help me to get it to work on IE.


----------------------------------

<html>
<head>
  <title>::PA Administration::</title>
  <meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
  <link rel="stylesheet" href="/PA/current/static/css/admin.css" type="text/css">
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="760" height="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
      <td>&nbsp;</td>
</tr>
<tr>
      <td valign="top" class="admHeader">Edit User Account</td>
</tr>
<tr>
      <td>&nbsp;</td>
</tr>

  <tr>
    <td valign="top" height="100%"><form name="frmEditAccount" method="post" action="adm010102b.asp" onSubmit="return Save();">
<input type="hidden" name="hdnSubmit" value="">
<input type="hidden" name="hdnAdminID" value="1">
<table width="100%" border="0" cellspacing="0" cellpadding="3" align="center">
  <tr>
    <td width="17%" valign="top" class="admSearchLabel">Login Name *</td>
    <td valign="top"><input type="text" name="txtName" size="50" maxlength="20" value="wphadmin"></td>
  </tr>
  <tr>
    <td valign="top" class="admSearchLabel">Email *</td>
    <td valign="top"><input type="text" name="txtEmail" size="50" maxlength="255" value="honchun.loh@wph.com.sg"></td>
  </tr>
  <tr>
    <td valign="top" class="admSearchLabel">Admin Type</td>
    <td valign="top"><input type="radio" name="rdoAdminType" value="Super" checked onclick="document.frmEditAccount.btnView.disabled=true">&nbsp;Super Admin&nbsp;&nbsp;<i>(Checking it will give user access to ALL modules)</i><br><input type="radio" name="rdoAdminType" value="Sub" onclick="document.frmEditAccount.btnView.disabled=false">&nbsp;Sub Admin
&nbsp;&nbsp;<input type="button" name="btnView" value="View Module Assignment" onclick="document.getElementById('divMod').style.visibility='visible';document.getElementById('divMod').style.position='relative';" disabled>
<div id='divMod' style="visibility:hidden;position:absolute">
<br><input type="checkbox" name="chkModule" value="1">&nbsp;Account Management<br><input type="checkbox" name="chkModule" value="11">&nbsp;Audit Management<br><input type="checkbox" name="chkModule" value="9">&nbsp;eCalendar Management<br><input type="checkbox" name="chkModule" value="6">&nbsp;eConsultation Management<br><input type="checkbox" name="chkModule" value="8">&nbsp;eForums Management<br><input type="checkbox" name="chkModule" value="3">&nbsp;eNewsletter Management<br><input type="checkbox" name="chkModule" value="5">&nbsp;eRepository Management<br><input type="checkbox" name="chkModule" value="7">&nbsp;eSurvey Management<br><input type="checkbox" name="chkModule" value="4">&nbsp;Group List Management<br><input type="checkbox" name="chkModule" value="12">&nbsp;Miscellaneous Management<br><input type="checkbox" name="chkModule" value="2">&nbsp;Page Management<br><input type="checkbox" name="chkModule" value="10">&nbsp;Report Management</div>
    </td>
  </tr>
  <tr>
    <td valign="top" class="admSearchLabel">Disabled</td>
    <td valign="top"><input type="checkbox" name="chkStatus" value="Status"></td>
  </tr>
  <tr>
    <td valign="top" class="admSearchLabel">Created By</td>
    <td valign="top"></td>
  </tr>
  <tr>
    <td valign="top" class="admSearchLabel">Created Date</td>
    <td valign="top">20-Jan-06 10:57:20 PM</td>
  </tr>
  <tr>
    <td valign="top" colspan="2">&nbsp;</td>
  </tr>
  <tr align="center">
    <td colspan="2"><input type="submit" name="Submit" value=" Update " onClick="button(1);"> <input type="button" name="Cancel" value=" Cancel " onClick="self.location='adm0101.asp';"></td>
  </tr>
</table>
</form>

    </td>
  </tr>
  <tr>
      <td>&nbsp;</td>
</tr>

</table>
</body>
</html>

----------------------------------


hongjun
Avatar of REA_ANDREW
REA_ANDREW
Flag of United Kingdom of Great Britain and Northern Ireland image
if i understand you correctly this should work. Well i tested it in IE and was fine. How does it look in FF


<html>
<head>
  <title>::PA Administration::</title>
  <meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
  <link rel="stylesheet" href="/PA/current/static/css/admin.css" type="text/css">
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="760" height="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
     <td>&nbsp;</td>
</tr>
<tr>
     <td valign="top" class="admHeader">Edit User Account</td>
</tr>
<tr>
     <td>&nbsp;</td>
</tr>

  <tr>
    <td valign="top" height="100%"><form name="frmEditAccount" method="post" action="adm010102b.asp" onSubmit="return Save();">
<input type="hidden" name="hdnSubmit" value="">
<input type="hidden" name="hdnAdminID" value="1">
<table width="100%" border="0" cellspacing="0" cellpadding="3" align="center">
  <tr>
    <td width="17%" valign="top" class="admSearchLabel">Login Name *</td>
    <td valign="top"><input type="text" name="txtName" size="50" maxlength="20" value="wphadmin"></td>
  </tr>
  <tr>
    <td valign="top" class="admSearchLabel">Email *</td>
    <td valign="top"><input type="text" name="txtEmail" size="50" maxlength="255" value="honchun.loh@wph.com.sg"></td>
  </tr>
  <tr>
    <td valign="top" class="admSearchLabel">Admin Type</td>
    <td valign="top"><input type="radio" name="rdoAdminType" value="Super" checked onclick="document.frmEditAccount.btnView.disabled=true">&nbsp;Super Admin&nbsp;&nbsp;<i>(Checking it will give user access to ALL modules)</i><br><input type="radio" name="rdoAdminType" value="Sub" onclick="document.frmEditAccount.btnView.disabled=false">&nbsp;Sub Admin
&nbsp;&nbsp;<input type="button" name="btnView" value="View Module Assignment" onclick="document.getElementById('divMod').style.visibility='visible';document.getElementById('divMod').style.position='relative';" disabled>
<div id='divMod' style="visibility:hidden;position:absolute">
<br><input type="checkbox" name="chkModule" value="1">&nbsp;Account Management<br><input type="checkbox" name="chkModule" value="11">&nbsp;Audit Management<br><input type="checkbox" name="chkModule" value="9">&nbsp;eCalendar Management<br><input type="checkbox" name="chkModule" value="6">&nbsp;eConsultation Management<br><input type="checkbox" name="chkModule" value="8">&nbsp;eForums Management<br><input type="checkbox" name="chkModule" value="3">&nbsp;eNewsletter Management<br><input type="checkbox" name="chkModule" value="5">&nbsp;eRepository Management<br><input type="checkbox" name="chkModule" value="7">&nbsp;eSurvey Management<br><input type="checkbox" name="chkModule" value="4">&nbsp;Group List Management<br><input type="checkbox" name="chkModule" value="12">&nbsp;Miscellaneous Management<br><input type="checkbox" name="chkModule" value="2">&nbsp;Page Management<br><input type="checkbox" name="chkModule" value="10">&nbsp;Report Management</div>
    </td>
  </tr>
  <tr>
    <td valign="top" class="admSearchLabel">Disabled</td>
    <td valign="top"><input type="checkbox" name="chkStatus" value="Status"></td>
  </tr>
  <tr>
    <td valign="top" class="admSearchLabel">Created By</td>
    <td valign="top"></td>
  </tr>
  <tr>
    <td valign="top" class="admSearchLabel">Created Date</td>
    <td valign="top">20-Jan-06 10:57:20 PM</td>
  </tr>
  <tr>
    <td valign="top" colspan="2">&nbsp;</td>
  </tr>
  <tr align="center">
    <td colspan="2"><input type="submit" name="Submit" value=" Update " onClick="button(1);"> <input type="button" name="Cancel" value=" Cancel " onClick="self.location='adm0101.asp';"></td>
  </tr>
</table>
</form>

    </td>
  </tr>
  <tr>
     <td>&nbsp;</td>
</tr>

</table>
</body>
</html>
Avatar of hongjun
hongjun
Flag of Singapore image

ASKER

The problem is still there.
I still need to perform the below step
    - For IE users, select "Super Admin" and you will see the many checkboxes appearing


hongjun
Avatar of REA_ANDREW
REA_ANDREW
Flag of United Kingdom of Great Britain and Northern Ireland image
when the page loads though, super admin is selected. if i click sub admins and then click the button, they appear, then i click super admins again they remain. Based on this where is the error?
Avatar of hongjun
hongjun
Flag of Singapore image

ASKER

>> if i click sub admins and then click the button, they appear
The many lines of words appear but the checkboxes beside those lines don't :(

>> then i click super admins again they remain
When I click on "Super Admin", those checkboxes appear!


My desired output is
- The many lines of words appear together with their checkboxes beside them when I click the button.


If you have FF, try it and you will see the differences.


hongjun
Avatar of hongjun
hongjun
Flag of Singapore image

ASKER

Can anyone help?
Avatar of REA_ANDREW
REA_ANDREW
Flag of United Kingdom of Great Britain and Northern Ireland image
Sorry i pasted the wrong code before. When i tried this code, it works as you ask in IE

<html>
<head>
  <title>::PA Administration::</title>
  <meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
  <link rel="stylesheet" href="/PA/current/static/css/admin.css" type="text/css">
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="760" height="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
     <td>&nbsp;</td>
</tr>
<tr>
     <td valign="top" class="admHeader">Edit User Account</td>
</tr>
<tr>
     <td>&nbsp;</td>
</tr>

  <tr>
    <td valign="top" height="100%"><form name="frmEditAccount" method="post" action="adm010102b.asp" onSubmit="return Save();">
<input type="hidden" name="hdnSubmit" value="">
<input type="hidden" name="hdnAdminID" value="1">
<table width="100%" border="0" cellspacing="0" cellpadding="3" align="center">
  <tr>
    <td width="17%" valign="top" class="admSearchLabel">Login Name *</td>
    <td valign="top"><input type="text" name="txtName" size="50" maxlength="20" value="wphadmin"></td>
  </tr>
  <tr>
    <td valign="top" class="admSearchLabel">Email *</td>
    <td valign="top"><input type="text" name="txtEmail" size="50" maxlength="255" value="honchun.loh@wph.com.sg"></td>
  </tr>
  <tr>
    <td valign="top" class="admSearchLabel">Admin Type</td>
    <td valign="top"><input type="radio" name="rdoAdminType" value="Super" checked onclick="document.frmEditAccount.btnView.disabled=true">&nbsp;Super Admin&nbsp;&nbsp;<i>(Checking it will give user access to ALL modules)</i><br><input type="radio" name="rdoAdminType" value="Sub" onclick="document.frmEditAccount.btnView.disabled=false">&nbsp;Sub Admin
&nbsp;&nbsp;<input type="button" name="btnView" value="View Module Assignment" onclick="document.getElementById('divMod').style.visibility='visible';document.getElementById('divMod').style.position='relative';" disabled>
<div id='divMod' style="visibility:hidden;">
<br><input type="checkbox" name="chkModule" value="1">&nbsp;Account Management<br><input type="checkbox" name="chkModule" value="11">&nbsp;Audit Management<br><input type="checkbox" name="chkModule" value="9">&nbsp;eCalendar Management<br><input type="checkbox" name="chkModule" value="6">&nbsp;eConsultation Management<br><input type="checkbox" name="chkModule" value="8">&nbsp;eForums Management<br><input type="checkbox" name="chkModule" value="3">&nbsp;eNewsletter Management<br><input type="checkbox" name="chkModule" value="5">&nbsp;eRepository Management<br><input type="checkbox" name="chkModule" value="7">&nbsp;eSurvey Management<br><input type="checkbox" name="chkModule" value="4">&nbsp;Group List Management<br><input type="checkbox" name="chkModule" value="12">&nbsp;Miscellaneous Management<br><input type="checkbox" name="chkModule" value="2">&nbsp;Page Management<br><input type="checkbox" name="chkModule" value="10">&nbsp;Report Management</div>
    </td>
  </tr>
  <tr>
    <td valign="top" class="admSearchLabel">Disabled</td>
    <td valign="top"><input type="checkbox" name="chkStatus" value="Status"></td>
  </tr>
  <tr>
    <td valign="top" class="admSearchLabel">Created By</td>
    <td valign="top"></td>
  </tr>
  <tr>
    <td valign="top" class="admSearchLabel">Created Date</td>
    <td valign="top">20-Jan-06 10:57:20 PM</td>
  </tr>
  <tr>
    <td valign="top" colspan="2">&nbsp;</td>
  </tr>
  <tr align="center">
    <td colspan="2"><input type="submit" name="Submit" value=" Update " onClick="button(1);"> <input type="button" name="Cancel" value=" Cancel " onClick="self.location='adm0101.asp';"></td>
  </tr>
</table>
</form>

    </td>
  </tr>
  <tr>
     <td>&nbsp;</td>
</tr>

</table>
</body>
</html>
Avatar of hongjun
hongjun
Flag of Singapore image

ASKER

What did you change?
Avatar of REA_ANDREW
REA_ANDREW
Flag of United Kingdom of Great Britain and Northern Ireland image
in your DIV you had a position absolute, i took that out, because you were assigning a relative position to everything else, well somethings lol. That ok?
Avatar of hongjun
hongjun
Flag of Singapore image

ASKER

ERM.. Don't think it is okay with the big gap there.
Avatar of REA_ANDREW
REA_ANDREW
Flag of United Kingdom of Great Britain and Northern Ireland image
what big gap.
Avatar of hongjun
hongjun
Flag of Singapore image

ASKER

Because the position:relative is removed, there is a white space gap between Admin Type and Disabled reserved for the invisible checkboxes.
Avatar of REA_ANDREW
REA_ANDREW
Flag of United Kingdom of Great Britain and Northern Ireland image
hongjun
Could you not use a javascript to set the clipping of the div, so that you can still keep the position absolute?
Avatar of hongjun
hongjun
Flag of Singapore image

ASKER

Yes.
As long as it will give me the effect I want and it must work on both IE and FF.
ASKER CERTIFIED SOLUTION
Avatar of REA_ANDREW
REA_ANDREW
Flag of United Kingdom of Great Britain and Northern Ireland image
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of hongjun
hongjun
Flag of Singapore image

ASKER

Forgot to thank you.

THANKS!
Avatar of REA_ANDREW
REA_ANDREW
Flag of United Kingdom of Great Britain and Northern Ireland image
no problem, glad to have helped