Javascript onclick redirects to homepage

[bigsy85]

Hi all,

Firstly not sure if this is the right section to ask this so don't shoot me.

I'm just having a problem getting a celendar to work on my product page using the code below

'
<DIV ID="testdiv1" STYLE="position:absolute;visibility:hidden;background-color:white;layer-background-color:white;"></DIV>
<SCRIPT LANGUAGE="JavaScript" ID="js18">
var cal18 = new CalendarPopup("testdiv1");
cal18.setCssPrefix("TEST");
</SCRIPT>
<INPUT TYPE="text" onClick="cal18.select(document.forms[0].date18,'anchor18','MM/dd/yyyy'); return false;" NAME="date18" VALUE="" SIZE=25>


<A HREF="#" onClick="cal18.select(document.forms[0].date18,'anchor18','MM/dd/yyyy'); return false;" TITLE="cal18.select(document.forms[0].date18,'anchor1x','MM/dd/yyyy'); return false;" NAME="anchor18" ID="anchor18">select</A>'

Basically clicking it redirects to the homepage. The js needed is in the product_info folder. The code works fine when in a blank php file.

I've tried including this as an iframe which works but the popup anchor is only shown in the iframe which makes the popup cause you to scroll the iframe. Not sure of a way of moving the anchor which is uses to position the popup outside of the frame, i.e on the product page. (this is the js code I'm using - http://www.mattkruse.com/javascript/...ct_source.html)

Hope someone has some suggestions.

Thanks!

[kuroi]

There's a lot not to like here, such as upper case tags and attributes (not valid XHTML), inline styling (mixing content and presentation) and an invalid language attribute value.

However, the most likely to be causing your problem is that the form index has been hardcoded to be 0. Therefore the script will only work if there no forms already on the page when the script is first run to (I assume add the form to which the link is guided).

This will not be the case on the product page (or indeed most Zen Cart pages) as they typically have a number of forms e.g. the search box, and in the case of the product page, all the attributes and add to cart fields are inside a form.

[bigsy85]

Thanks kuroi for the quick response. What you said all makes sense, the likely cause is the form being defaulted to 0, going to try changing it to something else within the html, if it is used throughout the js would a simple find and replace work?

Thanks

[bigsy85]

OK tried changinf the value in the HTML to (document.forms[2] but it still doesnt work. Also cant find any similar references in the js. Any other thoughts?

[bigsy85]

Ok I'm happy now, instead of changing the id to 2 I should have tried 1 which works!

Thanks alot!