Unfortunately you cannot protect against users rewriting certain JS functions, because their modifications would be loaded first. However you may be able to do something really clever and start using iFrames, this would solve both of your problems but is a bit tricky to get your head around (give this a read http://msdn.microsoft.com/en-us/library/bb735305.aspx). It really depends on what you are trying to display and whether a iFrame is applicable for this.

Daniel

I’m going to bring a few issues that you might want to address in your article:

We recently worked on a pure client-side(JS) widget that used JSONP to request information from our server and display it on our target customer’s web page.

Issues we encountered:
- We used jQuery and ran into problems with the client using another version of jQuery (outside our JS function). This was causing conflicts in versions. In fact, any library (such as mootools) would cause a conflict if included with jQuery. Since we had to accomodate any possibility we encapsulated our jQuery within our widget function as to keep it local. Essentially, our jQuery was only accessible within our function and did not rely on any external scripts
- Another problem was clients using the .prototype on objects such as Arrays. This was modifying the CORE javascript library. We have not yet found a solution to this but we need to either develop a test script to make sure the library isn’t affected or simply hope they don’t do anything too stupid

Let me know if you have some insight on this.

Thanks,
Pearl

The widget code for this is quite complicated and a bit difficult to explain over my blog. My advice is to use an already existing widget, like the Digg, dissect the JavaScript and see how it works. Unfortunately there isn’t really an easier way to do this.

However you do need some server side bits and bobs, like you need to be able to output your data in a JSONP format (have a look at the JavaScript Weather article for a bit more information on this). Then process and render this data, you will have to be a creator on your site which will allow users to create the JavaScript with the options.

Hopefully this has helped you!

That was indeed very informative
I am currently working on a magazine site.
I want to provide an option to my customers just as the twitter profile widget only difference being i want to show my magazine article in the widget & provide options for customers to set the css & no. of articles.Can you provide som reference to the tutorials or any other blogs wherein you have demonstrated the widget code.

Thanks,
Pearl

There are a number of ways to over come retrieving data and sending data cross domain through JavaScript. For retrieving data take a look at my most recent post (JavaScript Weather), it talks about JSONP. Stay tuned for tutorials on how to send data across domain.

Thanks for this nice tutor. I developed ajax based javascript widgets and those widgets can be used in social medias. I know there is a cross domain issue, but is there any other solution to overcome this??

Thanks for sharing it.

I’m not a developer, but I know I’m missing something somewhere. Could you offer a little help to a newbie?