Twitter button failed to load resource file://platform.twitter.com/widgets.js

javascript html twitter twitter-button
John picture John · Jul 6, 2012 · Viewed 7.5k times · Source

When copying and pasting the following code for a Twitter button into a text file:

<a href="https://twitter.com/share" class="twitter-share-button" data-via="jpkcambridge">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

I get a javascript error saying 'failed to load resource file://platform.twitter.com/widgets.js'

What could be causing this? Thought I should be able to just copy and paste the code from Twitter.

Answer

ajm picture ajm · Jul 6, 2012

You're trying to load a protocol-less URL in a local file. Twitter is serving its script via //platform.twitter.com/widgets.js, which translates to the file: protocol locally. That's the best practice for serving content (it will not generate those annoying mixed content warnings in IE), but just plain won't work in local files.

Try updating that line of the script to https://platform.twitter.com/widgets.js. That should help you test locally; once you're done testing, flip it back to the protocol-less structure.

Related questions

Twitter-style autocomplete in textarea

I am looking for a Javascript autocomplete implementation which includes the following: Can be used in a HTML textarea Allows for typing regular text without invoking autocomplete Detects the @ character and starts autocomplete when it is typed Loads list of …

Read More
Displaying Twitter feed stopped working

The default way to display a twitter feed has stopped working. Here is an example code: <html> <head> <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> </head&…

Read More
How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More