Announcement

**LHorton** · 25-Sep-2012, 04:02 PM

Using a bit of Blue Peter style cut and past, I have added

Code:

<script>
function ShowHideBox (it, box) {
  var vis = (box.checked) ? "visible" : "hidden";
  document.getElementById(it).style.visibility = vis;
}
</script>

Above the BothAddresses Table in Checkout Page 0

and added

onclick="ShowHideBox('password', this)"

to the Create Account checkbox, here

Code:

      <input type="checkbox" id="idCREATEANACCOUNT" name="CREATEANACCOUNT" onclick="ShowHideBox('password', this)" value="CREATEANACCOUNT" <actinic:block if="%3cactinic%3avariable%20name%3d%22CustomerAccountsCreationPolicy%22%20%2f%3e%20%3d%3d%203" >Checked</actinic:block> tabindex="NETQUOTEVAR:TABINDEXINVOICECREATEANACCOUNT" style="border: 0; background: <actinic:variable name="CheckoutBG" />;" /><br/>(username will be your email address)

and put a <div id="password"> </div> around the password prompt and input box, like this

Code:

   <td class="InvoiceField" align="right"><div id="password">
      <actinic:variable name="CheckoutEnterPasswordCaption" /><span id="idNEWCUSTOMERPASSWORDlabel" class="actrequired"> *</span>
      <input type="password" name="NEWCUSTOMERPASSWORD" id="idNEWCUSTOMERPASSWORD" size="20" maxlength="60" tabindex="NETQUOTEVAR:TABINDEXNEWCUSTOMERPASSWORD"/></div>
   </td>

but this only works for one of the password boxes as the id="password" can only be used in one position. Also, the box is visible when the page first loads and only toggles on and off once the Create account checkbox is selected.

Thanks for any help.

**LHorton** · 25-Sep-2012, 09:54 PM

I've got this working by putting both password boxes in the same cell so only one id is needed.

I've also added style="visibility:hidden;" so the password prompt and input box is now

<div id="password" style="visibility:hidden;">

This all seems to be working as I want, but as I know nothing about Java, I would be grateful for any comments regarding the method used, any unseen problems, etc.

Thanks
Lee

**NormanRouxel** · 25-Sep-2012, 10:30 PM

One thing to check is that the code works when the page loads or is returned because of an error.

In these cases, you may need some code that runs when the page has loaded that checks the checkbox state and sets the visibility accordingly. Perhaps added to the onload="...." code in the <body .....> tag. E.g in your Overall Layouts amend the </head><body ...> code to be:

Code:

<script type="text/javascript">
  function managepasswd(){
    if (document.getElementById('password')) ShowHideBox('password', document.getElementById('idCREATEANACCOUNT'));
  }
</script>
</head>
<body onload="managepasswd();......

N.B. untested.

You'll have to test in assorted browsers too as they differ in how they pre-set form fields on page reloads.

Announcement

Show/Hide new customer password boxes

Show/Hide new customer password boxes

Comment

Comment

Comment