× Joomla Facebook Connect support forum

Topic-icon problem popbox login with Facebook on IPhone

Active Subscriptions:

None
14 years 1 month ago #21526 by lorde
Hi Alex,
I have a problem here, try with your IPhone :
www.liveandshop.net/index.php?option=com...t&view=article&id=91
as you can see when you try to connect to Facebook to leave a comment ...the popbox for login doesn't work.
The same happens for example here: www.liveandshop.net/index.php?option=com...id=135&device=iphone
when you try to "I Like It" ...no popbox to login FaceBook.

Do you have any solution, please?
PS: JFBConnect perfectly works on our desktop version.

Regards,
Lorenzo
The topic has been locked.
Active Subscriptions:

None
14 years 1 month ago #21568 by lorde
Hi,
maybe I should use something like that :
window.open(
'graph.facebook.com/oauth/authorize?clien...p.net/oauth_redirect'
, 'authorize'
, 'width=340,height=400'
);

and integrate it with some Java Script like :

<script type="text/javascript">
window.opener.location = 'liveandshop.net/canvas'
window.close();
</script>

Can someone be so gently to tell me if this script should work and overall where I should place it?
I'm searching a solution to open in a popbox the authentification to FaceBook and then after login popbox needs to vanish and keep user in my app of IPhone, where he can post his/her comment.
Waiting for your help.

Best,
Lorenzo
The topic has been locked.
Support Specialist
14 years 1 month ago #21616 by alzander
Lorenzo,
Very sorry for the long delay. We did some testing yesterday on your site from an iPad, but weren't able to recreate what you mention. The first link in the top post returns a 404 error, so we weren't able to see the Login With Facebook button at all.

The 2nd link (for the Like button) did work. When we clicked on the Like button, we were redirected to a Facebook login page. I logged in, and was then redirected back to your page. I did have to click the Like button again for the Like to 'take', but it did work as expected.

We don't have an iPhone on hand, but are charging up a good ole' iPod Touch to do more testing with to see if we can recreate there.

As for the script you mention, you really shouldn't need to modify our code or implement something else. It really should just work. We do a lot of testing with different browsers, both mobile and desktop, and haven't seen any issues like what you mention. Again, we'll test more with a Touch device to see if that changes anything, but don't think it will.

Some ideas of things to try:
1) Do you have the same issue on SourceCoast.com when you try to click the Login with Facebook button?
2) Can you disable your mobile template, and see if it works normally then in a mobile phone?
3) If it seems to be the mobile template, please check that it's not removing or changing our Javascript at all. Mobile templates can work just fine with JFBConnect, but some are over-aggressive at removing (or over-optimizing) some Javascript. If so, that can be bad, since Facebook is very finnicky with changes to their code.

Hope that helps, and sorry again for the delay.

Alex
The topic has been locked.
Active Subscriptions:

None
14 years 1 month ago #21646 by lorde
Hi Alex,
thank you for your reply.
I haven't that issue with SourceCoast.com, because your website is a friendly mobile site, when I disable our mobile template all perfectly works, but we need to use the mobile application.

Well, at the moment our mobile website is dedicated just to Iphone, but strange that you got error 404 to the link using IPad (I will check about it).

Anyway, I suppose the problem is tie between the mobile template what we use and JFBConnect.

Maybe this can help you to find a solution for me :
I inserted the following string in the mobile template : jQuery('area').live('click',function(e){e.preventDefault();document.location=e.target.href;});
Just because I didn't want users were redirected out of the application to any _blank href (even if it was a page of our website).
I think maybe the problem is there, but I tried to cancel the string and anything really changed. The problem with Facebook login was still there.

It seems, after having insert that JQuery string, template to force Facebook login to be activated inside a frame of the template, what it is impossible and this cause the conflit. I should find a solution to open the login Facebook as a real bubble or popbox (what are working in our mobile template), as happens in desktop version.

We use Mobile Joomla component with the Elegance template.
It's very important for us to resolve this issue before the 1st of May date of the lunchement of our application (we have so many shoppers under contract) and I'm a little bit worry about it.
When you will see the error from an IPhone, I think averything will be clear for you and you will have the solution ready.
PS: all the JFBConnecvt modules work 100% on our desktop version.

Waiting for your gently comment.

Best,
Lorenzo
The topic has been locked.
Support Specialist
14 years 1 month ago #21666 by alzander
Lorenzo,
Disregard the problem with the 404 error. The first URL you posted above was simply messed up. I fixed the URL in the post, and it works now.

So, we've done a bit more testing, and here's what we've found:
http://www.liveandshop.net/index.php?option=com_content&view=article&id=91&device=iphone
On this page, on the iPad (2), the popup works fine. The source code HTMl look fine, and I really don't see any reason the popup shouldn't work.
http://www.liveandshop.net/index.php?option=com_content&view=article&id=135&device=iphone
This page, again, the iPad2 has no problems. However, looking at that page's source code shows that there are actually some huge HTML problems, and it seems that 2 pages are trying to be rendered. If you look at the code, there are 2 html, head, and body sections. Additionally, the JFBConnect system plugin is inserting the Facebook Javascript library twice, and initializing it both times. Something's very wrong with the structure of this page, and I wouldn't be surprised if that's the reason Facebook is having difficulties.

Our iPod Touch had issues showing the comment box or like button on both pages. That area was simply blank. The iPod Touch we have is the 2nd generation one, which only runs up to iOS 4.2.1. I have no clue why the buttons wouldn't show, since on SourceCoast (and other pages) the Facebook widgets do load. Obviously, the old iOS version could be part of it, but pretty confused as to the cause.

We'll keep you posted on more testing we plan to do this next week. Please investigate the issue on the second page, which may help narrow down the issue on all pages.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 1 month ago #21670 by lorde
Dear Alex,
thank you for your post.
I start investigating now on the code of 2nd page and come back to you with a report.
Happy to hear that on Ipaddevice everything works well.

I keep you posted.

Best,
Lorenzo
The topic has been locked.
Active Subscriptions:

None
14 years 1 month ago #21690 by lorde
Hi Alex,
I resolved the problem of the double Head and Body, but I have still the same issue, impossible when I try to connect to Facebook to open a popbox on my IPhone app.
The probem is still there : www.liveandshop.net/index.php?option=com...&id=91&device=iphone
I do not understand why JFBConnect system plugin is inserting the Facebook Javascript library twice and what to do to cancel the problem.
On the page I can login Facebook, but I'm not redirect to our app.
It' s a nightmare!
Hope you can find the solution.

Regards,
Lorenzo
The topic has been locked.
Active Subscriptions:

None
14 years 1 month ago #21776 by lorde
Hi Alex,
just to set SOLVED for the problem here mention.
I solved changing some Query rules on custom.js of our mobile template.

Thank you for your support!

Lorenzo
The topic has been locked.
Support Specialist
14 years 1 month ago #21788 by alzander
Lorenzo,
Very glad to hear you got that going. We were a bit stumped as to what the problem was, obviously.

I know you're having some other issues with the new 4.2 release, which should be easier to correct (they seem more common, which is much easier to fix). We'll get you going soon, and we work on the weekends, so we'll be here to help how we can before your May 1st launch!

Thanks,
Alex
The topic has been locked.