COWOA question: Dim Form Elements if Checkbox = True

[Inxie]

I have the COWOA mod installed and it has the ability to copy address from billing fields if the checkbox is checked. It does it's function correctly but visually the user might assume this hasn't happened.

How can I dim the shipping address when the user checks the box?
I assume I would use Javascript but I don't know how to code in Javascript

This is the kind of effect I'm looking for:



To see the exact form im referring to, please add this product to cart and just hit checkout...
http://www.pazzle.co.uk/index.php?ma...&products_id=3

[Inxie]

Going to bed now, will hope for replies in the morning :)

[Inxie]

Are there any Javascript programmers that could lend some advice?

[Inxie]

Someone I know has kindly written up a script that does exactly what I need, even using my page source so it should work out the box.

He sent me this link to show me it's working, and said to copy the JS from this. http://jsfiddle.net/CPjpt/2/

I put the code into a file, and saved as jscript_formdim.js. I then put this file in /public_html/includes/modules/pages/no_account as no_account is the name of the page I need this script to work on.

If you go to my checkout page, you can see that the the script has been loaded, however the form does not dim when checked.
I did notice in my dev tools console this error: Uncaught SyntaxError: Unexpected token ?

Can someone please tell me what the means, do I need to place the code in a specific location or on a specific page?

[gjh42]

I notice on the jsfiddle page that it says (on the left) that jQuery 1.8.2 is active. Do you have jQuery on your site? If not (and if the code actually uses jQuery), you need to load or reference it before the script runs.

[Inxie]

Thank you for replying, I have downloaded the jquery library, I renamed jquery-1.8.2.min.js. to jscript_jquery-1.8.2.min.js.
I put this file in the /public_html/includes/modules/pages/no_account directory along with the jscript_formdim.js.

I thought for sure that would do it, unfortunately no change

[gjh42]

Scripts are called in alphabetical order, and jscript_formdim comes before jscript_jquery. Change the jquery name to jscript_1_jquery-1.8.2.min.js and see what happens.

[Inxie]

Okay I changed it, and source code says that the library is being loaded first. However, still not working and that error is still there.

LOL im such a newbie, so sorry dude.

[Inxie]

He has informed me the following:

the code needs to be either in $(document).ready() or after the HTML for your forms on the page

What does he mean $(document).ready() ?
I can't find the file that contains the form either, even developer toolkit doesn't find terms for the form.

[Inxie]

I read up about $(document).ready() and my understanding is that if forces the script to load before anything else on the page. So here's what I have...

<script type="text/javascript">
    $(document).ready(function () {
if($("#shippingAddress-checkbox").attr("checked") == "checked")
{
    $("#shippingField input:not(#shippingAddress-checkbox), #shippingField select:not(#shippingAddress-checkbox)").attr("disabled", "disabled");
}
else
{
    $("#shippingField input:not(#shippingAddress-checkbox), #shippingField select:not(#shippingAddress-checkbox)").removeAttr("disabled");               
}

$("#shippingAddress-checkbox").click(function(){
   if($(this).attr("checked") == "checked")
   {
       $("#shippingField input:not(#shippingAddress-checkbox), #shippingField select:not(#shippingAddress-checkbox)").attr("disabled", "disabled");
   }
   else
   {
       $("#shippingField input:not(#shippingAddress-checkbox), #shippingField select:not(#shippingAddress-checkbox)").removeAttr("disabled");               
   }
});?
</script>

I put it on tpl_modules_no_account.php. Nothing, nothing nothing. I have spent an entire day pasting this code in every possible variation in every possible file in every possible position.

Can someone save the remainder of hair I have left?