..


Liens sponsorisés

Une boîte avec le meilleur de Twitter (grâce à jQuery et Topsy)

Article écrit par John Belelli
Page 1 sur 2

Le diffuione des réseaux sociaux est de plus en plus répandue, il ya aujourd'hui des centaines de millions de personnes dans MODN qui communiquent et interagissent les uns avec les autres en utilisant les réseaux sociaux comme Facebook et Twitter.

Dans l'article, nous présentons un plugin jQuery intéressante questpo qui vous permet d'interagir dans une page web commune avec le système de micro-blogging Twitter pour extraire (automatiquement):

  • les pages de notre site plus twittées;
  • Messages populaires parmi celles qui sont publiées sur notre compte Twitter;
  • Le poste le plus populaire par une recherche par mot clé simple.

Le plugin en question est appelé populaires sur Twitter et peut être téléchargé à partir du code Google dans cette page .

Le "moteur" du plugin réside dans le service offert par Topsy qui vous permet de recherche Twitter en temps réel basée sur des paramètres de recherche spécifiques.

Pour utiliser le plugin, comme d'habitude, il suffit de l'inclure en tant que fichiers Javascript standard. Nous allons bien sûr également besoin de la bibliothèque jQuery .






 Type de script> = "text / javascript" src = "jquery.min.js"> </ script>

 





 Type de script> = "text / javascript" src = "jquery.popular-sur-twitter-1.0.min.js"> </ script>



A l'intérieur nous, puis entrez le point où nous voulons la boîte à apparaître, formaté comme un DIV:





 <Div class = "populaire-sur-twitter" options = "{



  



 ...



  



 ...



  



 ...







 } "> Chargement ...</ div>



Voici les options que nous pouvons utiliser:

Les options Descriptif Par défaut
Débogage Si mis à 1 affiche des erreurs dans les tests 0
le site nom du site que les messages de retour. (Ne pas mettre www) ''
à partir de Twitter nom d'utilisateur ''
mots-clés Mot-clé sur lequel rechercher les messages ''
fenêtre Fenêtre de temps d'afficher les messages. Affiche automatiquement les plus pertinents. Les valeurs possibles:
  • 'H' => dernières heures;
  • 'D' => Dernier jour (aujourd'hui);
  • 'O' => la semaine dernière;
  • 'M' => le mois dernier;
  • 'Pour' = total>.
''
n nombre de liens. Maximum 50 liens. 10
show_n Nombre de liens à afficher à la fois (doit être inférieur à la valeur de 'n'). Si la transaction est fixé à 0 et handicapées liens sont affichés comme une simple liste. 5
show_tweet Indique le nombre de tweets par lien. Pour désactiver cette valeur à 0. 1
tweets_text Texte utilisé pour indiquer le nombre de tweets (pas de serveur show_tweet s'il est mis à 0). Par défaut est réglée sur «_d_tweets« où »_D_» est remplacé par le nombre de tweets. «_d_tweets '
score_text Idem que ci-dessus, mais pour le score. «_d_score '
tweeter_text Comment afficher le nom d'utilisateur. Par «by_d_ 'par défaut, où« _D_' sera remplacé par le nom avec le lien vers votre profil «By_d_ '
stay_time Millisecondes entre un lien et de l'autre. 5000
enter_time Heure d'entrée de transaction (en ms). 200
exit_time Heure de la sortie de transaction (en ms). 200
Animé Que faire de l'animation. Les valeurs possibles:
  • «Opacité»
  • «Hauteur»
  • 'Largeur'
  • 'FontSize'
  • «LineHeight '
«Opacité»
q Requête de recherche construit selon les paramètres passés. Cette requête peut également être écrite manuellement, en ignorant les autres paramètres. ''

Comme vous pouvez voir les options sont simples et intuitives, mais donner toutes les personnalisations nécessaires.

Dans la même catégorie ...
E-Learning
CSS (cours) CSS (cours)
Web Design et accessibilité selon le W3C CSS et XHTML. A partir de 29 €.
HTML (Cours) HTML (Cours)
Le langage de balisage pour le Web à partir de 29 €.
Javascript (Cours) Javascript (Cours)
Guide complet pour les scripts côté client. A partir de 39 €.
Liens sponsorisés

exemples diagramme classe UML