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

Ce site au démarrage

begin process at 2010 03 22 06:03:44

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 814 / 111

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

SÉQUENCEUR par jdmcreator

COMPRESSION DE TEXTE CÔTÉ CLIENT EN JS VIA ALGORYTHME LZW par niamor36

VIRTUAL IPHONE (V.2) par loicseg

MOOTABLEAU par Miky76

CALCULER VOTRE IMC par lesnouesremy

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

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

Nos sponsors

Derniers Blogs

[RIA SERVICES] INCLUDE ET DOMAINDATASOURCE par Audrey

ZUNE : VERSION ZUNE SOFTWARE V 4.2 ET LA SOCIALISATION par ROMELARD Fabrice

PRATIQUE DE SILVERLIGHT PAR ERIC AMBROSI par MPOWARE

APPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NET par odewit

ZUNE : NOUVELLE VERSION DU ZUNE SOFTWARE - V 4.2 par ROMELARD Fabrice

Forum

CRéATION DE SITE : RéCUPéRER DES SONS à PARTIR D'UN SITE SECONDAIRE. par antier128

RE : COMMENT RENDRE INVISIBLE L'AFFICHAGE DE LA SOURCE D'UNE PAGE D'UN SITE ? par kazma

RE : PROBLEME BD LISTE par peter2010

RE : CONVERSION par peter2010

COMMENT RENDRE INVISIBLE L'AFFICHAGE DE LA SOURCE D'UNE PAGE D'UN SITE ? par odysseum13

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Logiciels

Academy System (10.9.4.0)
ACADEMY SYSTEM (10.9.4.0)

Logiciel de gestion des établissements. - élèves/étudiants (inscription, dossier, absence...) -...

Cliquez pour télécharger Academy System
Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)
XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)

Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise...

Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate
Xilisoft DVD Ripper Ultimate (5.0.64.0304)
XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)

Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ...

Cliquez pour télécharger Xilisoft DVD Ripper Ultimate
Axalot, logiciel de sauvegarde de données en ligne (1.10.108.1)
AXALOT, LOGICIEL DE SAUVEGARDE DE DONNéES EN LIGNE (1.10.108.1)

Perdre tout le contenu de votre disque dur, vous imaginez ? Vos photos, vos musiques, votre compt...

Cliquez pour télécharger Axalot, logiciel de sauvegarde de données en ligne
Rigs of Rods (63.3)
RIGS OF RODS (63.3)

c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo...

Cliquez pour télécharger Rigs of Rods