Twitter api problem with firefox, chrome etc

SerdarOsmanOnur · 2011-08-18T10:23:38.000Z

Hi,
It seems like twitter API has some problems regarding the browsers like firefox and chrome. The line below works fine in Internet Explorer and I can bind and display a “Connect with Twitter” button in the div. When it comes to firefox or chrome binding fails and button not displayed.

I have created a page trying to figure out the problem. this page has only a div, nothing else. And I have a .js file with only a single function in it that I call in the “onload” event of the page “body”.

script is below:

function bindConnectButton() {
twttr.anywhere(function (T){
T(’#divToBind’).connectButton();
});
}

this works in IE and Connect with Twitter button is displayed in place of the “divToBind” div.
not working in firefox, chrome, opera.
when I trace the script in firebug it says “T is not defined”.

Can you help me out with this issue please

SerdarOsmanOnur · 2011-08-18T14:53:16.000Z

removed the above function and call to it in “onload” event of the body.
added below lines to the external .js file. nothing changed. works in IE, not others.

$(document).ready(function () {
twttr.anywhere(function (T) {
T(’#divToBind’).connectButton();
});
});

(firefox version is 3.6.20)

edit:
upgraded firefox to 5.0.1 still no luck.
chrome:13.0.782.112
edit2:
same problem applies to “followButton()” as you can imagine.

episod · 2011-08-18T16:07:21.000Z

Hi @serdarosmanonur,

I’ve tested the following snippet of HTML in a number of browsers and have the buttons rendering fine. Can you share a bit more on how your page is structured? How compliant is the remainder of your HTML?




  Test

SerdarOsmanOnur · 2011-08-18T20:01:38.000Z

Copied your code into an empty htm document and I am still having the same problem. when I try I just can’t get it to work on firefox or chrome.
have you tried it with current firefox version? I will deploy that code in a htm file and give the link here.

MadTogger · 2011-08-18T20:01:16.000Z

Hi,

I have just tried you link in FF6 and I can see the buttons no problem. Here is a screenshot:-

http://madtogger.co.uk/screenshots/test-buttons.png

MadTogger · 2011-08-18T20:04:18.000Z

Hi @episod,

the ‘Follow’ Button that appears when clicking the link below is exactly what I am after for my own website, where do I find it & the code?

Do I need to have a @Anywhere domain?

Regards…,

MT

SerdarOsmanOnur · 2011-08-18T21:09:25.000Z

could you try the following link and see if you can see the buttons? I don’t know what is goin on but I can not see them using my browsers which are latest firefox, chrome and opera.
Works on IE 8.
http://aspspider.info/serdaroo/

edit: ok, I switched to my old laptop and everything seems to work. even with older versions of firefox.
Seem like problem is specific to my current laptop and/or some settings on it. I will let you know when I figure it out.

SerdarOsmanOnur · 2011-08-19T08:16:29.000Z

@MadTogger,

You are going to need to request “anywhere.js” with a valid ID (please see the page source here: http://aspspider.info/serdaroo/ ). When you click the folow button, it will open up a login page, when you hit “connect” on this page it will try to redirect you to a page specified or by default to the same page. This page has to be authorized by the application that is defined by the “key” (or ID value I have mentioned above) otherwise follow action will fail(you can see how it fails to follow by trying on the page in the link ı just provided). So you will need to get this app key from twitter.

SerdarOsmanOnur · 2011-08-19T12:34:03.000Z

@episod ,
I might have figured it out. It might be about the OS architecture. When you try the above link on 64-bit win7 using browsers such as chrome, firefox, opera the buttons will not load. When you click the link in 32-bit Win 7 using the same browsers the buttons will load.

Could you confirm?
serdar

episod · 2011-08-19T14:18:02.000Z

I’ll introduce this notion to the engineering team and we’ll go from there. Thanks for all the details!

SerdarOsmanOnur · 2011-08-19T14:53:13.000Z

So you have confirmed the problem?
I will be looking forward to hear from you guys about this problem.

thanks.
serdar

episod · 2011-08-19T16:13:37.000Z

I don’t have the environmental necessities to personally confirm the problem but we’ll look into it. Have you considered using Web Intents or the Follow Button instead of @Anywhere?

SerdarOsmanOnur · 2011-08-19T17:43:55.000Z

I need @Anywhere to let the visitors login and tweet thru my app if they want to.

SerdarOsmanOnur · 2011-08-23T21:37:05.000Z

@episode,
Have you had any chance to dig into this issue yet?

SerdarOsmanOnur · 2011-08-29T08:44:24.000Z

@episod,
So, you have not?

SerdarOsmanOnur · 2011-09-05T11:12:10.000Z

Still waiting on this

episod · 2011-09-08T22:01:26.000Z

The bug is filed but I have no ETA for a fix. I will ask the engineers and developers to prioritize.

SerdarOsmanOnur · 2011-09-09T06:53:11.000Z

I believe It should be quite important for you guys too.

Thanks.

SerdarOsmanOnur · 2011-09-12T08:34:17.000Z

update:

Tried with firefox 6.0.2. still the same problem. If you try to navigate to this page http://aspspider.info/serdaroo/ you can see the buttons loading in 32-bit win 7, but they are not loaded in 64-bit win 7.

In firebug it says “ReferenceError: T is not defined” for the line “twttr.anywhere(function (T) { …” while T is defied with all the functions like signIn(), User(), one() etc. when debugged on Internet Explorer 9.

SerdarOsmanOnur · 2011-09-26T20:32:28.000Z

Seems like issue is fixed and seems it was fixed by making some part of twitter API go SSL. And that was what I was suspicious about anyway.