Customizing ProductCart - JQuery & ProductCart

Print Page | Close Window

JQuery & ProductCart

Printed From: ProductCart E-Commerce Solutions
Category: ProductCart
Forum Name: Customizing ProductCart
Forum Description: Exchange messages with other users that are customizing ProductCart.
URL: https://forum.productcart.com/forum_posts.asp?TID=2855
Printed Date: 25-July-2025 at 8:12pm
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com

Topic: JQuery & ProductCart

Posted By: mikey234d
Subject: JQuery & ProductCart
Date Posted: 09-July-2009 at 1:20pm

I have implemented a couple of

JQuery applications on my ProductCart website. I made both the top menu and the side navigation menu in JQuery. I also have a sliding "Featured Content" box in JQuery as well. Everything seems to be working great until after someone logs into their account. Im getting security warnings in Internet Explorer version 8. I do not have any problems in Firefox, only Internet Explorer. Also the menus stop working and the slider stops moving. So everything works fine when it it " http://www.shopatdean.com - http://www.shopatdean.com " but when it becomes " http://https://www.shopatdean.com/store/pc/home.asp - https://www.shopatdean.com " I am having all sorts of problems. Is there something I am missing. Thanks in advance for any answers.

Mike

Replies:

Posted By: Hamish
Date Posted: 09-July-2009 at 3:05pm

Hi Mike,

Are these warnings about non-secure content in a secure page?

If this is the case then the simplest solution is to make sure anything being included from your code (header / footer) is the HTTPS version.

IE8 is fine with HTTPS being included in an HTTP page, but not vica-versa.

-------------
Editing ProductCart Code?

See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code

Posted By: mikey234d
Date Posted: 09-July-2009 at 3:45pm

Hamish,

Yes the warnings are about non-secure content in a secure page. How do you include Https in http? Is there some type of code that I should be inserting?

Posted By: Hamish
Date Posted: 09-July-2009 at 4:30pm

Yes - https: :-)

View the source code on your page and look for any references to http that are not links (which I don't believe are effected), there are quite a few, then check your header and footer files and switch them to https. Things like the javascripts etc.

Edited

-------------
Editing ProductCart Code?

See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code

Posted By: mikey234d
Date Posted: 09-July-2009 at 5:15pm

Hamish,

I changed the http to https in the javascript. But when I did that and refreshed the page, the browser was trying to find the link but just kept timing out. And i dont see anywhere else that I would change the http to a https. Below runs the slider on the home page.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" ></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 6000, true);
    });
</script><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js">

Posted By: Greg Dinger
Date Posted: 09-July-2009 at 6:06pm

I don't believe what you are trying to do here is going to be successful.

I'm not going to dig into your page to see why you want all of this code but I recommend that all of that JS code be transferred over to your site and referenced locally. Perhaps you will explain what it's all there for, in which case I may propose a different solution, but here is the issue as I see it:

As Hamish has indicated, any object - be that an image, a CSS file, or a JS file - must be referenced in the same context as the page itself when you are in SSL. So if you want to reference an off-site object in SSL, there needs to be an SSL path for the other site.

There are various strategies including some code which looks at the current URL to determine if it contains HTTPS or not, and references objects accordingly. But simply changing the JS references above to HTTPS will only work if there is an SSL path on those sites that points to such content.

Since your page is hanging probably means that the path does not exist and your page is waiting for a response from the other server that isn't coming.

If you move copies to your server, then you can reference those objects relative to your PC folder and resolve this. But unless "code.jquery.com" and "ajax.googleapis.com" have SSL certificates, you cannot simply reference them as HTTPS and expect it to work.

If the thread to date (and my post in particular) makes you roll your eyes wondering what all of this means, I suggest you hire a developer for a bit of time to dig through this with you. It's not that complicated but it may be over your head, and possibly well worth the small expense to get it resolved so you can move on with your new store.

-------------
GreyBeard Design Group

Certified ProductCart Developer

Web Design/Development/Hosting

http://tinyurl.com/5c8t4t" rel="nofollow - Add-Ons & Custom Code |

Posted By: Guests
Date Posted: 10-July-2009 at 12:54am

HI Mike,

JQuery is all the rage now -- rather like FLASH was back in it's heyday. There certainly can be many excellent uses for it, but I recommend being judicious about how/why one uses it.

Looking as your script below, the obvious issue is the HTTP calls; however, you can't just simply change them to "https:// . . ." as you don't necessarily know if those are valid -- hitting them this way will likely throw security alerts when are hanging up your application's ability to access these services. That is, you first need to find out if these three locations have HTTPS URLs available and what they are.

mikey234d wrote:

Hamish,

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" ></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 6000, true);
    });
</script><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js">

As Greg suggests, you should probably be able to import these script into directories on your own site, and then assuming you have a dedi SSL certificate, you should have no more worries.

Posted By: Hamish
Date Posted: 10-July-2009 at 8:04am

Hi,

Another very good reason to move code onto your own server (if possible) is that your page would no longer be reliant on the availability and respnse times from third party servers, which IMHO, should be minimised where possible.

Using content from third party servers can increase the downtime of your site if the pages are dependent upon it. For example, if you have content from your own server and two others, each with 99.5% availability then your sites availability drops to 98.5% as the downtime of the 3rd party servers are very unlikely to coincide with your own.

-------------
Editing ProductCart Code?

See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code