tweet_live: web/rsln/polemicaltimeline.php@342bfbe0bbd8 (annotated)

50 a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	1	<?php
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	2
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	3	/**
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	4	* include some common code (like we did in the 90s)
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	5	* People still do this? ;)
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	6	*/
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	7	include_once './common.php';
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	8
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	9	/**
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	10	* Do we already have a valid Access Token or need to go get one?
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	11	*/
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	12	if (!isset($_SESSION['TWITTER_ACCESS_TOKEN']) && isset($_GET['CONNECT']) ) {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	13	/**
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	14	* Guess we need to go get one!
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	15	*/
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	16	$token = $consumer->getRequestToken();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	17	$_SESSION['TWITTER_REQUEST_TOKEN'] = serialize($token);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	18
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	19	/**
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	20	* Now redirect user to Twitter site so they can log in and
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	21	* approve our access
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	22	*/
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	23	$consumer->redirect();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	24	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	25
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	26	?>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	27
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	28	<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	29	"http://www.w3.org/TR/html4/strict.dtd">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	30
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	31	<html lang="en">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	32	<head>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	33	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	34	<title>RSLN - Live Video and Annotation</title>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	35	<meta http-equiv="X-UA-Compatible" content="IE=8" />
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	36
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	37	<!-- Framework CSS -->
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	38	<link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	39	<link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	40	<!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	41
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	42	<!-- Import fancy-type plugin for the sample page. -->
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	43
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	44	<link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	45	<link rel="stylesheet" href="custom.css" type="text/css" media="screen, projection">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	46	<link rel="stylesheet" type="text/css" href="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	47	<link rel="stylesheet" type="text/css" href="res/niceforms/niceforms-custom.css" media="screen" >
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	48
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	49	<!-- JAVASCRIPT -->
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	50	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	51	<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	52	<script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	53	<script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	54	<script type="text/javascript" src="res/niceforms/niceforms.js"></script>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	55	<script src="http://widgets.twimg.com/j/2/widget.js"></script>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	56
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	57	<!-- FONT -->
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	58	<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	59	<link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	60	<link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	61	<style type="text/css">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	62	.tweetButton{float:left;margin-right:5px;}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	63	.videoLivePlayer{border:1px solid #c3c3c3;width:650px;height:638px;}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	64	.videoLive{width:650px;height:640px;background:#fff;float:right;margin-top:20px;padding:5px;}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	65
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	66	.tweetExplain{background-image:url(images/tweetExplainBgd.gif);width:250px;height:640px;padding:10px;position:absolute; margin-top:70px;}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	67	.footer{margin-top:740px;width:960px;height:20px;position:absolute;text-align:center;}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	68
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	69	#tip{
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	70	position : absolute;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	71	padding : 3px;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	72	z-index: 1000000;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	73	max-width: 200px;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	74	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	75	#tip {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	76	display: none;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	77	background: transparent url("images/white_arrow_long.png");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	78	font-size: 12px;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	79	height: 125px;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	80	width: 180px;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	81	padding: 10px;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	82	padding-left: 15px;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	83	padding-top: 15px;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	84	padding-right: 15px;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	85	color: black;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	86	z-index: 1000000;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	87	font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	88	overflow:hidden;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	89	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	90	#chartTimeline{
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	91	padding-top: 410px;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	92	z-index: 100000;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	93	position : absolute;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	94	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	95
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	96	</style>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	97	<script type="text/javascript">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	98	$(document).ready(function() {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	99
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	100	doTimer();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	101	//$("txt").hide();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	102	$(".loginbutton").click(function() {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	103	document.location.href="<?php URL_ROOT ?>?CONNECT=true";
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	104	});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	105	$("#IDENTIFIER").click(function() {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	106	document.location.href="<?php URL_ROOT ?>?CONNECT=true";
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	107	});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	108
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	109	$("#messageSuccess").hide();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	110	$("#messageFailed").hide();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	111	$("#txt").hide();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	112
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	113	// BUTTONS
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	114	$("#positive").click(function(){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	115	var MyValue = $('#status').attr("value");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	116	$('#status').attr("value",MyValue+"++ ");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	117	});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	118	$("#negative").click(function(){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	119	var MyValue = $('#status').attr("value");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	120	$('#status').attr("value",MyValue+"-- ");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	121	});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	122	$("#reference").click(function(){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	123	var MyValue = $('#status').attr("value");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	124	$('#status').attr("value",MyValue+"== ");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	125	});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	126	$("#question").click(function(){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	127	var MyValue = $('#status').attr("value");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	128	$('#status').attr("value",MyValue+"?? ");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	129	});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	130
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	131	// SEND TWEETS
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	132	$("#sendTweet").click(function(){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	133	var MyStatus = $('#status').attr("value");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	134	$.post('tweet_ajax.php', {status:MyStatus}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	135	,function(data) {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	136
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	137	if(data=="true"){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	138	$("#messageSuccess").show('fast');
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	139	$("#messageSuccess").delay(800).hide('slow');
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	140	$('#status').attr("value","#rsln");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	141	//$('#status').css("background-image","images/greenTweet.png");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	142	//$('#status').delay(800).css("background-image","images/tweetWriterBgdTxtArea.gif");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	143	}else{
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	144	$("#error").text(data);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	145	$("#messageFailed").show('fast');
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	146	$("#messageFailed").delay(800).hide('slow');
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	147	//$('#status').css("background-image","images/redTweet.png");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	148	//$('#status').delay(800).css("background-image","images/tweetWriterBgdTxtArea.gif");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	149	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	150
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	151	});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	152
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	153	});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	154
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	155
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	156	});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	157
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	158
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	159	<!-- LIMIT TEXTAREA:
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	160	function imposemax(Object)
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	161	{
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	162	return (Object.value.length <= 140);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	163	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	164	// End -->
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	165
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	166	<!-- TIMER
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	167	var c=0;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	168	var t;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	169	var timer_is_on=0;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	170
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	171	function timedCount()
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	172	{
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	173	document.getElementById('txt').value=c;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	174	c = c+1;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	175	t = window.setTimeout("timedCount()",1000);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	176	$(".twtr-ft").hide();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	177	$(".twtr-hd").hide();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	178
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	179	//twtr-tweet
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	180	$(".twtr-tweet").each(colorTweetings);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	181
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	182	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	183
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	184	function colorTweetings (){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	185	/*
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	186	efc1f0 > violet
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	187	c5e7cd > vert
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	188	f6ced0 > rouge
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	189	bfdbec > blue
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	190	ecedc1 > yellow
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	191	*/
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	192	var tweettemp = $(this).html();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	193	//alert(tweettemp);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	194	//$(".videoLiveProgramDescription").text(tweettemp);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	195	//$(".videoLiveProgramTitle").text(tweettemp.search(/\x2D\x2D/));
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	196
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	197	/*
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	198	<a target="_blank" class="twtr-reply" href="http://twitter.com/?status=@LaurentChic%20&in_reply_to_status_id=12411225795198976&in_reply_to=LaurentChic">reply</a>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	199	*/ //alert("tweettemp");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	200
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	201	if (tweettemp.search(/\x3F\x3F/)!=-1){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	202
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	203	$(this).css({'background-color': '#ecedc1','color':"#000"});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	204	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	205
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	206	if (tweettemp.search(/\x2B\x2B/)!=-1){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	207	$(this).css({'background-color': '#c5e7cd','color':"#fff"});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	208	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	209
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	210	if (tweettemp.search(/\x2D\x2D/)!=-1){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	211	$(this).css({'background-color': '#f6ced0','color':"#fff"});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	212	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	213
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	214	if (tweettemp.search(/\x3D\x3D/)!=-1){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	215	$(this).css({'background-color': '#bfdbec','color':"#000"});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	216	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	217	};
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	218
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	219
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	220
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	221	function doTimer()
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	222	{
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	223	if (!timer_is_on)
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	224	{
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	225	timer_is_on=1;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	226	timedCount();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	227	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	228	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	229
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	230	function stopCount()
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	231	{
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	232	clearTimeout(t);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	233	timer_is_on=0;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	234	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	235	//
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	236
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	237	//-->
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	238
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	239
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	240	</script>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	241
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	242
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	243	</head>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	244	<body>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	245
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	246	<div id="tip"></div>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	247	<script type="text/javascript">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	248	$(document).mousemove(function(e){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	249	if (over){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	250	tip.css("left", e.pageX-106).css("top", e.pageY-160);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	251	tip.css("color", tipColor)
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	252	tip.text(tipText);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	253	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	254	});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	255	var over = false;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	256	var tip = $("#tip").hide();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	257	var tipText = "";
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	258	var tipColor = "#efefef";
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	259
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	260	function addTip(node, txt,color){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	261	$(node).mouseenter(function(){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	262	tipText = txt;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	263	tip.fadeIn(0);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	264	tipColor = color;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	265	over = true;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	266	}).mouseleave(function(){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	267	tip.fadeOut(0);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	268	over = false;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	269	});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	270	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	271	</script>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	272
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	273
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	274	<div class="container">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	275	<img src="images/ENMI_2010_logo.gif" class="logo">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	276	<ul class="menu">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	277	<li class="menuUnderline"><a href="index.php" class="menuLink" id="About"> À propos</a></li>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	278	<li class="menuUnderline" ><a href="http://www.rslnmag.fr/blog/2011/1/17/clay-shirky_-personne-n-est-titulaire-du-code-source-de-la-democratie_/" class="menuLink" target="_blank"> Programme</a></li>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	279	<li ><a href="polemicaltimeline.php" class="menuLink">Lecteur polémique</a></li>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	280
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	281	</ul>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	282
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	283
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	284	<div class="tweetExplain" >
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	285	<h3 class="tweetWriterTitle">Annotations polémique : </h3><br/>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	286	l’Institut de recherche et d’innovation (Iri) vous a proposer une expérimentation et une démonstration d’un dispositif d’annotation polémique basé sur twitter.
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	287	Cette qualification de vos tweets nous a permis de créer une timeline polemique représentant les positions de
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	288	l'auditoire durant la conférence.
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	289	<br/><br/>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	290
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	291	Cette syntaxe polémique vous a premis de prendre position relativement à l’intervenant ou aux autres participants au débat :
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	292	<table>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	293	<tr>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	294	<td>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	295	<a
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	296
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	297	id="positive"
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	298	title="accord"
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	299	class="tweetButton">++</a> </td><td>correspond à un tweet d’assentiment</td>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	300	</tr>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	301	<tr>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	302	<td>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	303
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	304	<a
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	305
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	306	id="negative"
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	307	title="désaccord"
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	308	class="tweetButton">--</a></td><td> à un tweet de désaccord,</td>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	309	</tr>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	310	<tr>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	311	<td>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	312	<a
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	313
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	314	id="reference"
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	315	title="reference"
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	316	class="tweetButton">==</a></td><td> à un tweet de complément</td>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	317	</tr>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	318	<tr>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	319	<td>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	320	<a
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	321
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	322	id="question"
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	323	title="question"
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	324	class="tweetButton"> ??</a></td><td> à une question</td>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	325	</tr>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	326	</table>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	327
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	328	Suite a cette phase d’annotation, vous trouverez à droite de ce texte <b>la version alpha</b> de l'interface de navigation et de représentation de la polémique durant la conférence.
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	329
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	330	<br/><br/>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	331	Ce dispositif, outre qu’il approfondit la dimension critique de la discussion avec la salle et les auditeurs présents ou distants, permet ainsi également de pérenniser et de valoriser les commentaires produits en les rendant accessibles en temps différé lors de tout visionnage ultérieur de la vidéo
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	332	<br/>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	333	<br/>Merci a RSLN pour cette expérimentation !
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	334	</div>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	335
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	336	<div class="videoLive" >
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	337	<div class="videoLivePlayer">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	338
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	339	<div id="chartTimeline"> </div>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	340	<script type='text/javascript' src='res/metadataplayer/src/js/LdtPlayer.js'></script>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	341	<div id="player_project_13b0aa52-336b-11e0-b233-00145ea49a02_embed" class="iri_player_embed"> </div>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	342
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	343	<script type="text/javascript">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	344	var configMP = {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	345	/*metadata:{
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	346	format:'cinelab',
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	347	src:'metadata.json',
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	348	load:'json'},*/
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	349	metadata:{
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	350	format:'cinelab',
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	351	src:'http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/13b0aa52-336b-11e0-b233-00145ea49a02',
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	352	load:'jsonp'},
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	353	gui:{
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	354	width:650,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	355	height:480,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	356	mode:'video',
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	357	container:'player_project_13b0aa52-336b-11e0-b233-00145ea49a02_embed',
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	358	debug:false,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	359	css:'http://amateur.iri.centrepompidou.fr/live/rsln/res/css/LdtPlayer.css'},
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	360
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	361	player:{
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	362	type:'jwplayer',
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	363	src:'http://www.iri.centrepompidou.fr//dev/ldt/static/ldt/swf/player.swf'}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	364	};
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	365	__IriSP.init(configMP);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	366	</script>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	367
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	368	</div>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	369
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	370	</div>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	371
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	372	<div class="footer">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	373	<hr>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	374	<a href="http://www.iri.centrepompidou.fr/" class="footerLink" target="_blank">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	375	IRI </a>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	376	\| <a href="http://www.rslnmag.fr/" class="footerLink" target="_blank" > RSLN </a>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	377	\| <a href="http://www.slate.fr/" class="footerLink" target="_blank"> SLATE.fr </a>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	378	\| <a href="http://www.microsoft.fr/" class="footerLink" target="_blank"> MICROSOFT.fr </a>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	379	<?php
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	380	if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	381	echo("\| <a href='clear.php' class='footerLink'>Déconnexion</a>");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	382	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	383	?>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	384	<input type="text" id="txt" size="3"/>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	385	</div>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	386
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	387	</div>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	388
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	389	<!-- LIGHTBOX -->
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	390	<div style="display:none;">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	391	<div id="Aboutbox" >
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	392	<div class="lightBorder">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	393	<div class="lightTitle" style="height:45px;">  </div>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	394	<div class="lightSubTitle">Annotation polémique par tweet </div>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	395	<div class="lightDescription">Lors de la conférence du 31 janvier 2011 organiser par RSLN vous avez expérimenté une syntaxe polémique pour "tweeter". Cette qualification de vos tweets nous a permis de créer une timeline polemique. Cette timeline vous permet de naviguer dans la vidéo <br/>tout en représentant les positions de <br/>l'auditoire durant la conférence.
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	396	</div>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	397	<br/>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	398	<div>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	399	<!--
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	400	<br/>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	401	<a class="button_b" href="#" id="IDENTIFIER"><span>S'identifier</span></a> <br/><br/>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	402	-->
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	403	<a class="button_w" href="#" id="ACCES"><span>voir la vidéo</span></a>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	404
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	405	</div>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	406	</div>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	407	</div>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	408	</div>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	409
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	410
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	411	<script type="text/javascript" src="res/raphael/raphael-min.js"></script>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	412	<script type="text/javascript">
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	413
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	414	// CHART TIMELINE / VERSION PROTOTYPE ::
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	415	// - config
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	416	// - organisation classe
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	417	// !!!- rollover !!
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	418	// !!!!- legend !!
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	419	// - time cursor
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	420	// - seek !!
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	421
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	422	/*
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	423	1 \| 1D973D > vert > ++ > OK
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	424	2 \| C5A62D > orange > ?? > Q
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	425	3 \| CE0A15 > rouge > -- > KO
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	426	4 \| 036AAE > bleu > == > REF
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	427	5 \| 585858 > gris > NQ > ""
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	428	*/
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	429
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	430
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	431	// configuration
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	432	var config = {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	433	target:"chartTimeline",
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	434	x:8,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	435	y:418,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	436	width:650,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	437	height:70,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	438	heightmax:70
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	439	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	440	// Make and define the Raphael area
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	441	//var paper = Raphael(document.getElementById(config.target),config.width, config.height);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	442
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	443
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	444	function ChartTimeLine (){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	445
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	446	//var paper = Raphael(config.x, config.y,config.width, config.height);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	447	var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	448	paper.rect(0,20,config.width,config.heightmax-20).attr({fill:"#fff","stroke-width":0.1,opacity: 0.1});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	449	paper.rect(0,20,config.width,1).attr({fill:"#fff",stroke: "none"});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	450	paper.rect(0,20,config.width,1).attr({fill:"#fff",stroke: "none"});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	451	paper.rect(0,20,1,1).attr({fill:"#fff",stroke: "none"});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	452
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	453	// variable
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	454
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	455	var yCoef = 2; // coef for height of 1 tweet
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	456	var frameSize = 5; // frame size
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	457	var margin = 1; // marge between frame
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	458	var lineSize = 650; // timeline pixel width
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	459	var nbrframes = lineSize/frameSize; // frame numbers
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	460	var numberOfTweet = 0; // number of tweet overide later
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	461	var duration = 4299820 ; // timescale width
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	462	var frameLenght =lineSize/frameSize;// frame timescale
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	463	var timeline;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	464	var colors = new Array("","#1D973D","#C5A62D","#CE0A15","#036AAE","#585858");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	465
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	466	// array
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	467	var tweets = new Array();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	468	var element = new Array();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	469	var cluster = new Array();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	470	var frames = new Array(frameLenght);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	471	var slices = new Array();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	472
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	473
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	474	// Classes =======================================================================
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	475	var Frames = function(){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	476
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	477	var Myclusters;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	478	var x;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	479	var y;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	480	var width;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	481	var height;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	482	};
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	483	Frames = function(json){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	484	// make my clusters
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	485	// ou Frame vide
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	486	};
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	487	Frames.prototype.draw = function(){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	488	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	489	Frames.prototype.zoom = function(){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	490	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	491	Frames.prototype.inside = function(){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	492	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	493	var Clusters = function(){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	494	var Object;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	495	var yDist;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	496	var x;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	497	var y;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	498	var width;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	499	var height;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	500	};
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	501	Clusters = function(json){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	502	// make my object
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	503	};
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	504	var Tweet = function(){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	505	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	506	// Classes =======================================================================
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	507
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	508
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	509
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	510
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	511	// trace function
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	512	var traceNum = 0;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	513	function trace(msg,value){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	514	traceNum += 1;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	515	$("<div>"+traceNum+" - "+msg+" : "+value+"</div>").appendTo("#output");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	516	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	517
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	518	// Refactoring (parametere) ************************************************************
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	519	// color translastion
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	520	function colorTranslation(value){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	521	if(value == "Q"){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	522	return 2;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	523	}else if(value =="REF"){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	524	return 4;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	525	}else if(value =="OK"){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	526	return 1;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	527	}else if(value =="KO"){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	528	return 3;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	529	}else if(value ==""){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	530	return 5;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	531	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	532	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	533
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	534
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	535	// Refactoring (parametere) ************************************************************
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	536	// load tweets send in parameters
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	537	$.ajax({
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	538	dataType: "jsonp",
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	539	url:"http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/13b0aa52-336b-11e0-b233-00145ea49a02",
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	540	success : function(json){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	541	trace("load","");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	542	$.each(json.annotations, function(i,item) {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	543
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	544	var MyTime = Math.floor(item.begin/duration*lineSize);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	545	var Myframe = Math.floor(MyTime/lineSize*frameLenght);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	546
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	547	if (item.content['polemics'] != undefined) {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	548	if (item.content['polemics'][0] != null) {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	549
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	550	for(var j=0; j<item.content['polemics'].length; j++){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	551
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	552	tweets[numberOfTweet] = {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	553	id:i,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	554	qualification:colorTranslation(item.content['polemics'][j]),
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	555	yIndicator:MyTime,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	556	yframe:Myframe,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	557	title:item.content['title'],
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	558	timeframe:item.begin
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	559	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	560	numberOfTweet+=1;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	561	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	562	}else{
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	563	//trace("k = ",i);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	564	tweets[numberOfTweet] = {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	565	id:i,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	566	qualification:colorTranslation(""),
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	567	yIndicator:MyTime,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	568	yframe:Myframe,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	569	title:item.content['title'],
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	570	timeframe:item.begin
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	571	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	572	numberOfTweet+=1;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	573	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	574
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	575	} else {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	576	//trace("tweet qualification = ","null");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	577	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	578	});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	579	trace("======= ",numberOfTweet);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	580	DrawTweets ();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	581
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	582	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	583	});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	584
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	585
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	586
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	587	// tweet Drawing (in raphael)
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	588	function DrawTweets (){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	589	// GROUPES TWEET ============================================
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	590	// Count nbr of cluster and tweet in a frame an save int in "frames"
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	591	numberOfTweet = tweets.length;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	592	for(var i=0; i<nbrframes; i++) {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	593	for(var j=0; j<numberOfTweet; j++) {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	594
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	595	if (i==tweets[j].yframe){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	596
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	597	var k = tweets[j].qualification;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	598
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	599	// make array for frame cluster
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	600	if(frames[i]==undefined){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	601	frames[i] = {id:i,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	602	qualifVol:new Array(),
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	603	mytweetsID:new Array()
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	604	};
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	605	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	606	// add my tweet to frame
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	607	frames[i].mytweetsID.push(tweets[j]);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	608
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	609	// count opinion by frame
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	610	if( frames[i].qualifVol[k] == undefined){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	611	frames[i].qualifVol[k] = 1;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	612	}else{
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	613	frames[i].qualifVol[k] += 1;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	614	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	615
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	616	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	617	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	618	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	619
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	620	// GROUPES TWEET ============================================
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	621	// max of tweet by Frame
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	622	var max = 0;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	623	for(var i=0; i<nbrframes; i++) {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	624	var moy = 0;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	625	for (var j=0; j<6; j++){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	626	if (frames[i]!=undefined){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	627	if (frames[i].qualifVol[j]!=undefined){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	628	moy += frames[i].qualifVol[j]
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	629	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	630	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	631	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	632	//trace("frame "+i,moy);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	633	if (moy>max){max=moy;}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	634	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	635
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	636	var tweetDrawed = new Array();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	637	var TweetHeight = 5;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	638	// DRAW TWEETS ============================================
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	639	for(var i=0; i<nbrframes;i++) {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	640	var addEheight = 5;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	641	if (frames[i]!=undefined){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	642	trace (i+" k=",frames[i].mytweetsID.length);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	643	// by type
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	644	for (var j=6; j>-1; j--){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	645	if (frames[i].qualifVol[j]!=undefined){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	646	// show tweet by type
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	647	for (var k=0; k<frames[i].mytweetsID.length; k++){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	648	if (frames[i].mytweetsID[k].qualification==j){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	649	e = paper.rect( i*frameSize, // x
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	650	config.heightmax-addEheight, // y
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	651	frameSize-margin, // width
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	652	TweetHeight // height
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	653	).attr({stroke:"#00","stroke-width":0.1, fill: colors[j]});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	654	addEheight +=TweetHeight;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	655	e.time= frames[i].mytweetsID[k].timeframe;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	656	e.title= frames[i].mytweetsID[k].title;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	657	e.mouseover(function () {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	658	this.attr({stroke:"#fff","stroke-width":5});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	659	this.toFront();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	660	}).mouseout(function () {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	661	this.attr({stroke:"#00","stroke-width":0.1});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	662	}).mousedown(function () {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	663	__IriSP.MyApiPlayer.seek(this.time/1000)
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	664	});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	665	$(e.node).attr('id', 't'+k+'');
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	666	$(e.node).attr('title', frames[i].mytweetsID[k].title);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	667	$(e.node).attr('begin', frames[i].mytweetsID[k].timeframe);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	668	addTip(e.node, frames[i].mytweetsID[k].title,colors[j]);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	669	//frames[i].mytweetsID.pop();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	670	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	671	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	672	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	673	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	674	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	675	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	676
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	677
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	678	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	679
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	680	// AddTip ******************************************************************************
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	681
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	682	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	683
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	684	ChartTimeLine();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	685
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	686	</script>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	687
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	688
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	689
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	690	</body>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	691	</html>

author	Samuel Huron <samuel.huron@centrepompidou.fr>
	Fri, 18 Feb 2011 19:42:34 +0100
changeset 51	342bfbe0bbd8
parent 50	a1636b31eb98
child 52	d522fd390921
child 55	3845177131d2
permissions	-rw-r--r--