Facebook like et Twitter tweet boutons provoquant des problèmes de domaine croisé

J'utilise à la fois le bouton Twitter tweet et le bouton Facebook like

<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://example.com" data-text="some text" data-count="horizontal" data-via="someone">Tweet </a> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <fb:like class="fbShare" href="http://example.com" font="" send="true" layout="button_count" show_faces="false"> </fb:like> 

Mais les deux crachent des erreurs de domaine transversal, pas une ou deux, mais en continu.

Les erreurs réelles (avec les substitutions) sont

La tentative de JavaScript dangereuse d'accéder au cadre avec l'URL https://www.facebook.com/plugins/like.php?channel_url=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%3Fversion%3D3% 23cb% 3Df3cde04b84% 26origin% 3Dh3% 253A% 252F% 252Fexample.com% 252Ff20b9fb1fc% 26relation% 3Dparent.parent% 26transport% 3Dpostmessage & href = http% 253A% 252F% 252Fexample.com% 252F & layout = button_count & locale = en_US & node_type = lien & sdk = joey & send = true & show_faces = False & width = 150 à partir du cadre avec l'URL http://example.com/ . Les domaines, les protocoles et les ports doivent correspondre.

La tentative de JavaScript dangereuse d'accéder au cadre avec l'URL http://platform0.twitter.com/widgets/tweet_button.html?_=1308700896075&count=horizontal&id=twitter_tweet_button_0&lang=fr&original_referer=http%3A%2F%2Fexample.com%2F&text=some text & url = http % 3A% 2F% 2Fexample.com% 2F & via = quelqu'un du cadre avec l'URL http://example.com/ . Les domaines, les protocoles et les ports doivent correspondre.

Cela semble être un bug avec le code de bouton Twitter que vous voudrez probablement ouvrir avec Twitter. Il semble tenter de traverser chaque objet dom sur la page et il n'est pas possible d'accéder à l'objet iframe de Facebook. Par exemple, si vous ajoutez également le bouton Google +1, il va maintenant lancer un message similaire, mais pour les URL de Google.

La fonctionnalité ne semble pas être impactée, alors je ne voudrais tout simplement pas l'ignorer. Tout site utilisant ce bouton Tweet et un autre iframe à partir d'un serveur différent (par exemple, le bouton Facebook / G +) ont également le même problème (par exemple, essayez toute page sur mashable.com ). Si vous ne voulez pas simplement l'ignorer, vous pouvez supprimer la référence javascript de Twitter et créer un bouton Tweet personnalisé comme mentionné sur leur page de bouton Tweet , en utilisant javascript pour faire apparaître ce format url: http://twitter.com/share? Url = http% 3A% 2F% 2Fdev.twitter.com% 2Fpages% 2Ftweet-button , avec l'inconvénient de ce que le compte tweet ne s'affiche pas sur votre page.

Je sais que cette question est très ancienne. Mais puisque ce problème avec Twitter est toujours valide, à la suite de la réponse de BK, j'ai créé un bouton de tweet personnalisé qui ressemble exactement à celui de l'API JS de Twitter, mais ne l'utilise pas et comprend toujours le partage. Donc, pour les personnes intéressées, je l'ai téléchargé sur mon GitHub.

Demo: http://fiddle.jshell.net/eyecatchup/Th6P2/2/show/
Code: https://github.com/eyecatchup/tweetbutton