How do I add multiple instances of Javascript on one page?

by 3 replies
4
Hi All,

I'm attempting to put several instances of Javascript code on the same page but it isn't working.

Here is the code that goes in the header...

Code:
<script type="text/javascript">
function toggleAccept() {
var acceptLink = document.getElementById("accept");
var agreeCheckbox = document.getElementById("agreeCheckbox");
if (agreeCheckbox.checked) {
acceptLink.onclick=function() {
window.location=this.href + "&cbrblaccpt=true";
return false;
}
} else {
acceptLink.onclick=function() {
mustAccept();
return false;
}
}
}
function mustAccept() {
window.alert("By clicking accept, you agree to the payment terms of this recurring product.");
}
cbrblaccpt

</script>
...and here is the HTML:

Code:
<p align="center"><form action="#"><input type="checkbox" onchange="toggleAccept()" id="agreeCheckbox">
<label for="agreeCheckbox"><b>I understand that this product is billed on a monthly basis and that I can cancel my subscription at any time.</b></label></form></p>
                                        	<p align="center"><a href="http://2-monthly.vicdorfman.pay.clickbank.net/?cbur=a" id="accept" onclick="mustAccept(); return false;"><img alt="" src="images/signup-37.jpg" style="border: 0px solid ; width: 350px; height: 147px;" /></a></p>
If I try to place the same HTML snippet a second or third time on the page, the function no longer works correctly.

Please help!

Thanks,
Vic
#programming #add #instances #javascript #multiple #page
  • HTML Code:
    var acceptLink = document.getElementById("accept");
var agreeCheckbox = document.getElementById("agreeCheckbox");
    My guess without seeing all the code is that you aren't changing the ID's for each of the calls.

    If you keep the same id's then it will only work on the first items with those id's.

    Try changing the id's for the 2nd and 3rd items you are trying to make calls on and see if that fixes the issue.

    Dave
  • Hey Dave I tried that but the result is that the second checkbox works but not the first checkbox.
  • Can you post a link to the page that your having problems with or more of the html. Like dwbiz05 said it sounds like your element ids aren't unique.
Join the discussion

Next Topics on Trending Feed