[recedo]

Hi,

Not sure if this is possible but thought I'd ask/discuss it here...

Right, I am getting to a stage with my website where I feel an ssl certificate would benefit my customers (I currently use PayPal so it's not required but think it would boost confidence). The trouble is that the way my site has been created there are several places (that would be accessed via https://) where I have had to link to images with their full url instead of relative (eg http://www.site.com/images/image1.gif). This is something that I cannot change due to various software limitations.

Now, is there a way to do this with Javascript...

Look at the url that has been accessed. If it begins with http:// make no changes, but if it begins with https:// change all the links that contain (for example) http://www.sitename.com/images/ to https://www.sitename.com/images/.

I would think this could be done but can't be sure and don't have a clue how it would be done!

This is something that would fix a lot of re-designing on my site and would stop users getting unsecure item messages.

Any help would be appreciated.

Simon

[TwoD]

Code:

<script>
function fixURL(){
	if(document.location.protocol=="https:"){
		lnks=document.getElementsByTagName('a')
		for(var i=0;i<lnks.length;i++){
			lnks[i].href=lnks.href.replace(/^http:/,"https:")
		}
	}
}
</script>

Run that using the onLoad event in the body tag.

[recedo]

Thanks for the code.

I'm not javascript expert, but wouldn't that just change the links from http:// to https:// ?

I wanted it to change the image tags, could I just change this line? ;

Code:

<script>
function fixURL(){
	if(document.location.protocol=="https:"){
		lnks=document.getElementsByTagName('img')
		for(var i=0;i<lnks.length;i++){
			lnks[i].href=lnks.href.replace(/^http:/,"https:")
		}
	}
}
</script>

Thanks
Simon

[TwoD]

Ah, sorry, I read this line litterally:

Look at the url that has been accessed. If it begins with http:// make no changes, but if it begins with https:// change all the links that contain...

Yes, to get the img tags instead you change that string. But you also need to change the property of the element which the script changes. Img tags use the .src property, not .href.
So here it is:

Code:

<script>
function fixURL(){
	if(document.location.protocol=="https:"){
		lnks=document.getElementsByTagName('img')
		for(var i=0;i<lnks.length;i++){
			lnks[i].src=lnks.src.replace(/^http:/,"https:")
		}
	}
}
</script>