Si j’enregistre un widget sur Twitter, j’obtiens le code suivant:
Tweets by @vinto60utd !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");
Si je mets ce code tel qu’il est sur ma page, je vois le widget Twitter comme je le voulais. Comment rendre mes widgets dynamicment ou lors de l’exécution d’un événement (comme un clic de bouton)?
Changement
!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");
À
function twit(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);}} twit(document,"script","twitter-wjs");
utilisation
twttr.widgets.load();
si vous avez déjà chargé //platform.twitter.com/widgets.js
Dans mon cas, je fais comme ceci: remplacer le contenu d’un bloc vide ou précédemment rempli par un nouveau lien comme le vôtre
Tweets by @vinto60utd
alors j’appelle twttr.widgets.load();
et Twitter fait le rest.
vous pouvez avoir un seul identifiant de données et widget et filtrer tous les stream de messages tweet en ajoutant simplement,
data-screen-name="AnyTwitterName"
à titre d’exemple
Vous pouvez créer des widgets au moment de l’exécution en utilisant Twitter pour les sites Web JS.