Wie füge ich die Twitter Tweet-Funktionalität auf meiner Website hinzu?

Question

Ich folge dieser Seite, die eine einfache Möglichkeit bietet, eine individuell angepasste Tweet-Box und Schaltfläche auf meiner Webseite hinzuzufügen und die Aktualisierung von Beiträgen zu erleichtern.

Nach ihrer Funktionalität, sobald wir eine Nachricht in das Textfeld schreiben und auf die Tweet-Schaltfläche klicken, erhalten wir das Twitter-Anmelde-Popup-Fenster. Sobald wir authentifiziert sind, wird unsere Nachricht auf unserer Twitter-Account-Wand gepostet.

Aber wenn ich diesen Code ausführe, erhalte ich das Popup-Fenster und sobald ich meine Anmeldeinformationen angebe, schließt sich das Fenster, aber keine Nachricht wird im Twitter-Account gepostet. Als ich in meiner JavaScript-Konsole nachsah, erhielt ich einen Fehler:

Unsicherer JavaScript-Versuch, auf den Frame mit https://api.twitter.com/xd_receiver.html von einem Frame mit der URL about:blank zuzugreifen. Der um Zugriff ersuchende Frame hat ein Protokoll von 'http', der aufgerufene Frame hat ein Protokoll von 'https'. Protokolle müssen übereinstimmen.

Ich weiß nicht, was dieser Fehler bedeutet, da meine Webseite, über die ich das Formular ausführe, clorderdev2.uvacha.com lautet.

Hier ist mein Code :

$('#jTweetsAnywhereSample').jTweetsAnywhere({
showTweetBox:{
    counter: true,
    width: 380,
    height: 65,
    label: '<span style="color: #A4A4A4">Was passiert?</span>',
    defaultContent: '#jTweetsAnywhere',
    onTweet: function(textTweet, htmlTweet){
        alert('Du hast getwittert: ' + textTweet);
    }
}
});

Answer 1

Es gibt ein besseres Plugin, um Twitter-Tweets zu erhalten, und es heißt livetwitter. Alle Informationen, die Sie benötigen, finden Sie hier:

https://github.com/elektronaut/jquery.livetwitter

Answer 2

Das Problem besteht darin, dass ein Skript irgendwo versucht, zwischen den Protokollen http:// und https:// zu kommunizieren. Aus Sicherheitsgründen kann JavaScript das nicht tun. Dies ist höchstwahrscheinlich ein Fehler in einer der von Ihnen verwendeten Bibliotheken.

Ich würde vorschlagen, die offizielle Twitter-Implementierung zu verwenden, wenn das eine mögliche Alternative ist.