begin process at 2012 02 12 20:55:18
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Divers

 > AFFICHE SOBREMENT LES TWEET (SELON RECHERCHE)

AFFICHE SOBREMENT LES TWEET (SELON RECHERCHE)


 Information sur la source

Note :
8 / 10 - par 1 personne
8,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Divers Classé sous :twitter, twitpic, tweet Niveau :Débutant Date de création :25/06/2009 Date de mise à jour :25/06/2009 12:15:24 Vu / téléchargé :2 872 / 122
Auteur : islacoul12

Ecrire un message privé
Site perso
Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Organisant une soirée entre geek il m'est venu l'idée de projeter en grand sur un mur les tweet concernant la soirée (et ainsi avoir une conversation parallèle online/IRL).

Se script JavaScript fait tous les x secondes (ici 5sec) une recherche sur search.twitter.com (uniquement les profils twitter publique) selon une requête souhaitée (ici 'AndroidParty+OR+from:AndroidPartyBe&rpp=4' signifie les 4 derniers tweet contant 'androidparty'; ou ayant été envoyés depuis le compte '@AndroidPartyBe')

2 petites subtilités :
- Nous avions des sponsors et affichions environs une fois sur dix un printscreen de leur site
- Si le tweet contient une photo hébergée sur twitpic, celle-ci est affichée en grand.

Source

  • <!DOCTYPE html>
  • <html>
  • <head>
  • <title>On Air!</title>
  • </head>
  • <body bgcolor='black'>
  • <center>
  • <DIV id='tweet' style='color:white;font-family: arial, helvetica, sans-serif ; font-size: 34pt ;'></DIV>
  • </center>
  • <script>
  • function twitterSearch(obj) {
  • var tDiv = document.getElementById("tweet"); //quel Div est le conteneur
  • var pub=false; //affiche aussi des images de 'pub' a l'occasion
  • var frequencePub=0.9; //0.9 signifie qu'un fois sur 10 cela affichera une pub
  • var nbrImg=27; //le nombre d'images dans le répertoire 'img/' (affiche de 0.jpg à 9999.jpg si nbrImg=9999)
  • var x = Math.random();
  • if (pub && x>frequencePub) {
  • tDiv.innerHTML="<center><font size=15>They help us</font><br><img src='img/"+Math.floor(Math.random()*nbrImg)+".jpg' /></center>";
  • } else {
  • var varstr= "";
  • var user, tweet, postedAt, icon, userURL;
  • for (i=0;i<obj.results.length;i++) {
  • icon = obj.results[i].profile_image_url;
  • user = obj.results[i].from_user;
  • userURL = "http://twitter.com/"+user;
  • tweet = obj.results[i].text;
  • postedAt = obj.results[i].created_at;
  • varstr +="<tr><td><img height='144px' width='144px' src="+icon+" /></td>";
  • varstr +="<td><b>@"+user+"</b>: "+tweet+"</td></tr>";
  • //Si on detecte un twitpic, on l'affiche
  • var lemot = "http://twitpic.com/[a-zA-Z0-9]+";
  • var exp=new RegExp(lemot,"g");
  • if ( ar = exp.exec(tweet) ) {
  • var reg=new RegExp("http://twitpic.com/", "g");
  • var chaine = ar[0].replace(reg,"http://twitpic.com/show/full/")
  • varstr +="<tr><td colspan=2><center><img src="+chaine+" /></center></td></tr>";
  • }
  • }
  • tDiv.innerHTML="<center><table>"+varstr+"</table></center>";
  • }
  • }
  • function twitter() {
  • var request='AndroidParty+OR+from:AndroidPartyBe&rpp=4'; //faire sa requete sur http://search.twitter.com/advanced et copier l'URL
  • //Pour un affichage en 1024x768 (plein écran), mettre '&rpp=4' ce qui affiche 4 tweet à la fois
  • var twitterJSON = document.createElement("script");
  • twitterJSON.type="text/javascript"
  • twitterJSON.src="http://search.twitter.com/search.json?callback=twitterSearch&q="+request;
  • document.getElementsByTagName("head")[0].appendChild(twitterJSON);
  • return false;
  • }
  • var interval=5000; //5000 = update tt les 6sec
  • //Lance le script tt les 'interval',
  • setInterval('twitter()',interval);
  • //et le lance une 1er fois pour ne pas devoir attendre 'interval' une première fois
  • twitter();
  • </script>
  • </body>
  • </html>
<!DOCTYPE html>
<html>
 <head>
   <title>On Air!</title>
 </head>
 <body bgcolor='black'>

	<center>
		<DIV id='tweet' style='color:white;font-family: arial, helvetica, sans-serif ; font-size: 34pt ;'></DIV>
	</center>

	<script>
			function twitterSearch(obj) {
				var tDiv = document.getElementById("tweet"); //quel Div est le conteneur
				var pub=false; //affiche aussi des images de 'pub' a l'occasion
				var frequencePub=0.9; //0.9 signifie qu'un fois sur 10 cela affichera une pub
				var nbrImg=27; //le nombre d'images dans le répertoire 'img/' (affiche de 0.jpg à 9999.jpg si nbrImg=9999)
				
				var x = Math.random(); 
				if (pub && x>frequencePub) {
					tDiv.innerHTML="<center><font size=15>They help us</font><br><img src='img/"+Math.floor(Math.random()*nbrImg)+".jpg' /></center>";
				} else {
					var varstr= "";
					var user, tweet, postedAt, icon, userURL;
					for (i=0;i<obj.results.length;i++) {	
						icon = obj.results[i].profile_image_url;
						user = obj.results[i].from_user;
						userURL = "http://twitter.com/"+user;
						tweet = obj.results[i].text;
						postedAt = obj.results[i].created_at;
						varstr +="<tr><td><img height='144px' width='144px' src="+icon+" /></td>";
						varstr +="<td><b>@"+user+"</b>: "+tweet+"</td></tr>";
						
						//Si on detecte un twitpic, on l'affiche
						var lemot = "http://twitpic.com/[a-zA-Z0-9]+";
						var exp=new RegExp(lemot,"g");
						if ( ar = exp.exec(tweet) ) {
							var reg=new RegExp("http://twitpic.com/", "g");
							var chaine = ar[0].replace(reg,"http://twitpic.com/show/full/")
							varstr +="<tr><td colspan=2><center><img src="+chaine+" /></center></td></tr>";
						}
					}	
					tDiv.innerHTML="<center><table>"+varstr+"</table></center>";
				}
			}
			function twitter() { 
				var request='AndroidParty+OR+from:AndroidPartyBe&rpp=4'; //faire sa requete sur http://search.twitter.com/advanced et copier l'URL
				//Pour un affichage en 1024x768 (plein écran), mettre '&rpp=4' ce qui affiche 4 tweet à la fois
				var twitterJSON = document.createElement("script");
				twitterJSON.type="text/javascript" 
				twitterJSON.src="http://search.twitter.com/search.json?callback=twitterSearch&q="+request;
				document.getElementsByTagName("head")[0].appendChild(twitterJSON);
				return false;
			}
			
			var interval=5000; //5000 = update tt les 6sec
			//Lance le script tt les 'interval',
			setInterval('twitter()',interval);
			//et le lance une 1er fois pour ne pas devoir attendre 'interval' une première fois
			twitter();
	</script>

 </body>
</html>

 Conclusion

Ce n'est pas très fancy et c'est codé en 10minutes, mais cela pourrait être une base pour vos développements futurs.

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

25 juin 2009 12:15:32 :
correction

 Sources de la même categorie

COLONNES ADAPTABLES EN HAUTEUR par dronoide
Source avec Zip VECTEURS ET MATRICES: OUTILS GRAPHIQUES UTILES par william voirol
Source avec Zip Source avec une capture HTML5 PLAYER par kazma
Source avec Zip Source avec une capture SCROLLBAR PERSONNALISABLE par kazma
Source avec Zip INFO BULLE par RudiRatlos
Toutes les sources de la catégorie Divers

Commentaires et avis

Commentaire de gillardg le 26/06/2009 13:11:46 8/10

joli :)
étant nul en html javascript & co je te note 8 :)

Commentaire de Julien39 le 26/06/2009 16:33:26 administrateur CS

pas mal, visuellement, je n'ai pas regardé le code, je ne mets donc pas de note.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

cadre connexion comme twitter ? [ par dodwan ] Bonjour à tous J'aurai besoin d'aide pour faire quelque chose de similaire à http://twitter.com/ en haut à droite, pouvoir cliquer sur connexion puis api anywhere de twitter [ par coach872 ] bonjour, dans le cadre de mon pfe J'utilisé Twitter Anywhere pour la réalisation d'un portail web sous twitter, j'ai débuté par comprendre l'API anyw


Nos sponsors


Sondage...

Comparez les prix


Motorola MILESTONE
Entre 489€ et 489€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Underwater View of the Ocean With LIght Shining Through the WavePhoto Photo aérienne de Saintes Maries de la Mer
Photo maison de village du cap corse (pietracorbara) 

Visiter la photothèque
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,702 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)