tags:

views:

209

answers:

2
Q: 

adding javascript widget code the right way

I give customers javscript code that adds a widget to their website. Currently I ask them to paste this right above the </body> tag:

<script type="text/javascript">
var myHost = (("https:" == document.location.protocol) ? "https://" : "http://");
document.write(unescape("%3Cscript src='" + myHost + "www.mywebsite.com/mycode.js.php?u="+encodeURIComponent(window.location.host)+"' type='text/javascript'%3E%3C/script%3E"));
</script>

As you can see the code calls my script under http or https url depending on the page url.

Sometimes when a website html is not well formed the script can cause "operation aborted" bug on IE browsers.

I want to send customers code that will be attached to the <head> area.

  1. How can I handle the http/https when calling code from head part?
  2. Do you know if it will solve the operation aborted problem?
+2  A: 

Just give them the HTTPS solution.

If their page is secure, it'll work fine; If not, there's nothing wrong with embedding a secure object in an insecure page.

<script type="text/javascript" src="https://www.mywebsite.com/mycode.js.php"&gt;&lt;/script&gt;

I can see you're passing the original domain in the querystring. You can fetch that from your JS code without the need for passing it through a GET parameter. You can check it using the document.referrer property.

Seb  2009-05-14 14:58:17
Thanks! that was helpful
Nir  2009-05-14 15:07:59
+2  A: 

It looks like Google handles their analytics code the exact same way (which I'm sure you know). What are you doing in your code? When I looked at the "operation aborted" link you provided it says as a solution to execute your code when the page has been loaded.

I'd recommend binding a function to the onload event and executing your DOM-manipulating code there.

Dave L  2009-05-14 15:00:48
Thanks!.I have a function that binds to the onload event.
Nir  2009-05-14 15:08:53

related questions

What JavaScript patterns do you use most?
Javascript events
What style do you use for creating an "class" in JavaScript?
Graphing JavaScript Library
What's the difference in closure style
Getting the text from a drop-down box
How to specify javascript to run when ModalPopupExtender is shown
Length of Javascript Associative Array
How Do I Post and then redirect to an external URL from ASP.Net?
How to set up a CSS switcher in ASP.NET
Wrapping lists into columns
Javascript keyboard events primer? (or rather: help me with my custom dropdown)
Http Auth in a Firefox 3 bookmarklet
Best Debugging Tools for JavaScript/xulrunner Development
How can I turn a string of HTML into a DOM object in a Firefox extension?
Call ASP.NET Function From Javascript?
Javascript troubleshooting tools in IE
MAC addresses in JavaScript
Capturing TAB key in text box
CSS Background Color in Javascript
How can I make the browser see CSS and Javascript changes?
Triple Quotes? How do I delimit a databound Javascript string parameter in ASP.NET?
ASP .Net Custom Client-Side Validation
What JavaScript library would you choose for a new project and why?
Detecting font in JavaScript