Switch to SSL and back using Javascript

UPDATE:

For those that are using this Javascript method, I have made the code easier to implement.  All you need to do is change the top variable to add more pages that you want to secure.

var secureUrlPattern='login|Cart|/590/';
 if(location.protocol.toLowerCase()=='http:'&&location.href.match(secureUrlPattern))
     location.href=location.href.replace('http:','https:');
 else if(location.protocol.toLowerCase()=='https:'&&!location.href.match(secureUrlPattern))
      location.href=location.href.replace('https:','http:');

--This is the first version, you do not need to read any further if you are using the easier version above.

< script type="text/javascript">
    if(location.protocol.toLowerCase() =='http:' && 
        location.href.toLowerCase().indexOf('login') > -1 )  
             location.href = location.href.replace('http:','https:');

    if(location.protocol.toLowerCase() =='https:' && 
         location.href.toLowerCase().indexOf('login') == -1 )
             location.href = location.href.replace('https:','http:');
< /script >

The first IF statment in the code above is looking to see if your using http and on the login page then tells the browser to switch to the same location but use SSL.

The second IF statment does just the opposite, so any time you are on a page with the word "login" in the url it will tell the browser to use SSL, if you are not on a url with "login", then it will switch back.

Just change the word "login" with "cart" or whatever might be in the Url if you want to do it with different pages.  That is all you need, paste this at the top of your page, (or skin in DotNetNuke), or include it in an external Javascript file that is linked in.

First you'll need to make sure that SSL is working on your site.

One way to do this is to eliminate other possible problems by just making a simple request using SSL.

Try this using your own domain name:

https://www.snapsis.com/spacer.gif

If you are able to request that image with SSL and there are no errors then you have SSL working correctly.  If not then you will need to get the certificate applied correctly in IIS.

What error are you getting when trying to login using SSL?  Is it a JS Error?  Any error messages?

Where should I place this script? Can you tell me?

Thank you.

Which skin file did you put it, in particular. Also how do I call different pages. For example if I want to call "my account" page to be under the SSL. What if I want to secure more than one page, how I can do that?

Thanks.

Sorry Peter, I missed this question earlier.

This example extends the same process to allow for more pages. You basically just need to Check for login OR cart to turn it on, and check that it is not login AND not cart to turn it off.

<script language="Javascript1.1" type="text/javascript">
    if(location.protocol.toLowerCase() =='http:' &&
       ( location.href.toLowerCase().indexOf('login') > -1 || 
         location.href.toLowerCase().indexOf('cart') > -1  ))  
             location.href = location.href.replace('http:','https:');

    if(location.protocol.toLowerCase() =='https:' && 
         location.href.toLowerCase().indexOf('login') == -1 && 
         location.href.toLowerCase().indexOf('cart') == -1)
             location.href = location.href.replace('https:','http:');
</script>

If you look at the page source for your page and search for Skin.css you can find the folder that your skin is in.
In that folder will be a skinname.ascx file. You can put this code in there.

If you have different skins applied to different pages then you may need to add it to those other skins as well.

Hi John - Page source?  You mean the address of the page, correct?  I'm sorry I don't know how to read this path.  Can you elaborate once more?