CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2010 02 10 12:22:19

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

Divers

> AFFICHE SOBREMENT LES TWEET (SELON RECHERCHE)

AFFICHE SOBREMENT LES TWEET (SELON RECHERCHE)

Information sur la source

Note :

8,00 / 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é :1 739 / 110

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 !

img
- 1.jpg 316 229 octets
- 2.jpg 330 094 octets
OnAir.html 2 632 octets

Télécharger le zip

Historique

25 juin 2009 12:15:32 :: correction

Sources de la même categorie

MOOTABLEAU par Miky76

CALCULER VOTRE IMC par lesnouesremy

CONSOLE DOS par djebbipgm

PLUGIN JQUERY ARTE: AJOUTER DU TEMPS REEL SUR VOS PAGES WEB par arthurobriot

FAIRE UN FILTRE DES VILLES par scropfi01

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

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

Ajouter un commentaire

Nos sponsors

Derniers Blogs

TECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOUR par ROMELARD Fabrice

UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante

TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice

[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion

TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010 par ROMELARD Fabrice

Forum

JE VEUX LE CODE D'ANNIMATION AVEC JAVASCRIPT par dalinda

J'AI TROUVéE UN CODE SOURCE SUR INTERNET ET J'AI PAS LE COMPRIS par dalinda

RE : RéCUPERER LA TAILLE D'UN DIV par bumbo

RE : PROTOTYPE: PROBLèME AVEC "EVENT" par bumbo

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Module sur Prestashop
Budget : 700€
Redaction d-une page de vente pour un ebook
Budget : 300€
module flash de personalisation
Budget : 600€

Logiciels

DB-MAIN (9.1.0)
DB-MAIN (9.1.0)

DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal...

Cliquez pour télécharger DB-MAIN
Xilisoft DPG Convertisseur (5.1.37.0120)
XILISOFT DPG CONVERTISSEUR (5.1.37.0120)

Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé...

Cliquez pour télécharger Xilisoft DPG Convertisseur
GraphicsGale (2.01.01)
GRAPHICSGALE (2.01.01)

GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ...

Cliquez pour télécharger GraphicsGale
Architecte 3D (Platinum 2010)
ARCHITECTE 3D (PLATINUM 2010)

Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é...

Cliquez pour télécharger Architecte 3D
TeamViewer 5 (TeamViewer 5)
TEAMVIEWER 5 (TEAMVIEWER 5)

Dépanner un ami,expliquer une manipulation devient un jeu d'enfant. Prise en main d'un autre ord...

Cliquez pour télécharger TeamViewer 5