tweet_live: web/rsln/polemicaltimeline.php@9266a28107b3 (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
52 d522fd390921 TEST SUR IE 9 Samuel Huron <samuel.huron@centrepompidou.fr> parents: 50 diff changeset	49	<!-- JAVASCRIPT -->
d522fd390921 TEST SUR IE 9 Samuel Huron <samuel.huron@centrepompidou.fr> parents: 50 diff changeset	50	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
50 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
57 5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	159	//<!-- LIMIT TEXTAREA:
50 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
57 5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	166	//<!-- TIMER
50 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);
57 5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	251	tip.css("color", tipColor);
50 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
55 3845177131d2 small corrections Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 50 diff changeset	291	Cette syntaxe polémique vous a permis de prendre position relativement à l’intervenant ou aux autres participants au débat :
50 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
55 3845177131d2 small corrections Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 50 diff changeset	328	Suite à cette phase d’annotation, vous trouverez à droite de ce texte <b style="color: red">la version alpha</b> de l'interface de navigation et de représentation de la polémique durant la conférence.
50 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/>
55 3845177131d2 small corrections Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 50 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.
50 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
57 5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	439	};
50 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);
57 5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	447	var paper = Raphael(config.target,config.width, config.height);
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	448	var current = null;
50 a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	449	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	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,config.width,1).attr({fill:"#fff",stroke: "none"});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	452	paper.rect(0,20,1,1).attr({fill:"#fff",stroke: "none"});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	453
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	454	// variable
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	455
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	456	var yCoef = 2; // coef for height of 1 tweet
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	457	var frameSize = 5; // frame size
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	458	var margin = 1; // marge between frame
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	459	var lineSize = 650; // timeline pixel width
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	460	var nbrframes = lineSize/frameSize; // frame numbers
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	461	var numberOfTweet = 0; // number of tweet overide later
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	462	var duration = 4299820 ; // timescale width
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	463	var frameLenght =lineSize/frameSize;// frame timescale
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	464	var timeline;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	465	var colors = new Array("","#1D973D","#C5A62D","#CE0A15","#036AAE","#585858");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	466
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	467	// array
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	468	var tweets = new Array();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	469	var element = new Array();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	470	var cluster = new Array();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	471	var frames = new Array(frameLenght);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	472	var slices = new Array();
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
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	475	// Classes =======================================================================
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	476	var Frames = function(){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	477
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	478	var Myclusters;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	479	var x;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	480	var y;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	481	var width;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	482	var height;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	483	};
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	484	Frames = function(json){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	485	// make my clusters
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	486	// ou Frame vide
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	487	};
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	488	Frames.prototype.draw = function(){
57 5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	489	};
50 a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	490	Frames.prototype.zoom = function(){
57 5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	491	};
50 a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	492	Frames.prototype.inside = function(){
57 5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	493	};
50 a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	494	var Clusters = function(){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	495	var Object;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	496	var yDist;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	497	var x;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	498	var y;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	499	var width;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	500	var height;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	501	};
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	502	Clusters = function(json){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	503	// make my object
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	504	};
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	505	var Tweet = function(){
57 5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	506	};
50 a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	507	// Classes =======================================================================
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
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	512	// trace function
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	513	var traceNum = 0;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	514	function trace(msg,value){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	515	traceNum += 1;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	516	$("<div>"+traceNum+" - "+msg+" : "+value+"</div>").appendTo("#output");
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
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	519	// Refactoring (parametere) ************************************************************
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	520	// color translastion
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	521	function colorTranslation(value){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	522	if(value == "Q"){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	523	return 2;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	524	}else if(value =="REF"){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	525	return 4;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	526	}else if(value =="OK"){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	527	return 1;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	528	}else if(value =="KO"){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	529	return 3;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	530	}else if(value ==""){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	531	return 5;
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
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	536	// Refactoring (parametere) ************************************************************
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	537	// load tweets send in parameters
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	538	$.ajax({
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	539	dataType: "jsonp",
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	540	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	541	success : function(json){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	542	trace("load","");
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	543	$.each(json.annotations, function(i,item) {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	544
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	545	var MyTime = Math.floor(item.begin/duration*lineSize);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	546	var Myframe = Math.floor(MyTime/lineSize*frameLenght);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	547
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	548	if (item.content['polemics'] != undefined) {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	549	if (item.content['polemics'][0] != null) {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	550
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	551	for(var j=0; j<item.content['polemics'].length; j++){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	552
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	553	tweets[numberOfTweet] = {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	554	id:i,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	555	qualification:colorTranslation(item.content['polemics'][j]),
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	556	yIndicator:MyTime,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	557	yframe:Myframe,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	558	title:item.content['title'],
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	559	timeframe:item.begin
57 5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	560	};
50 a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	561	numberOfTweet+=1;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	562	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	563	}else{
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	564	//trace("k = ",i);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	565	tweets[numberOfTweet] = {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	566	id:i,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	567	qualification:colorTranslation(""),
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	568	yIndicator:MyTime,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	569	yframe:Myframe,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	570	title:item.content['title'],
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	571	timeframe:item.begin
57 5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	572	};
50 a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	573	numberOfTweet+=1;
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
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	576	} else {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	577	//trace("tweet qualification = ","null");
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	});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	580	trace("======= ",numberOfTweet);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	581	DrawTweets ();
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
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	588	// tweet Drawing (in raphael)
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	589	function DrawTweets (){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	590	// GROUPES TWEET ============================================
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	591	// 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	592	numberOfTweet = tweets.length;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	593	for(var i=0; i<nbrframes; i++) {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	594	for(var j=0; j<numberOfTweet; j++) {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	595
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	596	if (i==tweets[j].yframe){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	597
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	598	var k = tweets[j].qualification;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	599
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	600	// make array for frame cluster
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	601	if(frames[i]==undefined){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	602	frames[i] = {id:i,
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	603	qualifVol:new Array(),
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	604	mytweetsID:new Array()
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	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	607	// add my tweet to frame
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	608	frames[i].mytweetsID.push(tweets[j]);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	609
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	610	// count opinion by frame
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	611	if( frames[i].qualifVol[k] == undefined){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	612	frames[i].qualifVol[k] = 1;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	613	}else{
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	614	frames[i].qualifVol[k] += 1;
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
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	621	// GROUPES TWEET ============================================
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	622	// max of tweet by Frame
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	623	var max = 0;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	624	for(var i=0; i<nbrframes; i++) {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	625	var moy = 0;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	626	for (var j=0; j<6; j++){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	627	if (frames[i]!=undefined){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	628	if (frames[i].qualifVol[j]!=undefined){
57 5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	629	moy += frames[i].qualifVol[j];
50 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	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	633	//trace("frame "+i,moy);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	634	if (moy>max){max=moy;}
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
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	637	var tweetDrawed = new Array();
57 5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	638	var TweetHeight = 5;
50 a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	639	// DRAW TWEETS ============================================
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	640	for(var i=0; i<nbrframes;i++) {
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	641	var addEheight = 5;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	642	if (frames[i]!=undefined){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	643	trace (i+" k=",frames[i].mytweetsID.length);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	644	// by type
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	645	for (var j=6; j>-1; j--){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	646	if (frames[i].qualifVol[j]!=undefined){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	647	// show tweet by type
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	648	for (var k=0; k<frames[i].mytweetsID.length; k++){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	649	if (frames[i].mytweetsID[k].qualification==j){
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	650	e = paper.rect( i*frameSize, // x
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	651	config.heightmax-addEheight, // y
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	652	frameSize-margin, // width
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	653	TweetHeight // height
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	654	).attr({stroke:"#00","stroke-width":0.1, fill: colors[j]});
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	655	addEheight +=TweetHeight;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	656	e.time= frames[i].mytweetsID[k].timeframe;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	657	e.title= frames[i].mytweetsID[k].title;
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	658	e.mouseover(function () {
57 5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	659	if(this != current) {
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	660	to = this.attr("timeout");
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	661	if(to != null) {
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	662	clearTimeout(to);
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	663	}
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	664	if(current != null) {
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	665	current.attr({stroke:"#00","stroke-width":0.1});
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	666	}
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	667	this.attr({stroke:"#fff","stroke-width":5});
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	668	this.toFront();
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	669	var elem = this;
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	670	this.attr("timeout",
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	671	setTimeout(function() {
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	672	elem.attr({stroke:"#00","stroke-width":0.1});
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	673	current = null;
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	674	}, 10000));
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	675	current = this;
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	676	}
50 a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	677	}).mouseout(function () {
57 5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	678	this.attr({stroke:"#00","stroke-width":0.1});
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	679	current = null;
5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	680	clearTimeout(this.attr("timeout"));
50 a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	681	}).mousedown(function () {
57 5422b3d398c5 shlightly improve mouse event management Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> parents: 55 diff changeset	682	__IriSP.MyApiPlayer.seek(this.time/1000);
50 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	$(e.node).attr('id', 't'+k+'');
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	685	$(e.node).attr('title', frames[i].mytweetsID[k].title);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	686	$(e.node).attr('begin', frames[i].mytweetsID[k].timeframe);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	687	addTip(e.node, frames[i].mytweetsID[k].title,colors[j]);
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	688	//frames[i].mytweetsID.pop();
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	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	691	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	692	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	693	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	694	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	695
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	696
52 d522fd390921 TEST SUR IE 9 Samuel Huron <samuel.huron@centrepompidou.fr> parents: 50 diff changeset	697	}
d522fd390921 TEST SUR IE 9 Samuel Huron <samuel.huron@centrepompidou.fr> parents: 50 diff changeset	698
50 a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	699	// AddTip ******************************************************************************
52 d522fd390921 TEST SUR IE 9 Samuel Huron <samuel.huron@centrepompidou.fr> parents: 50 diff changeset	700
50 a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	701	}
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	702
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	703	ChartTimeLine();
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	704
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	705	</script>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	706
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	707
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	708
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	709	</body>
a1636b31eb98 polemical timeline Samuel Huron <samuel.huron@centrepompidou.fr> parents: diff changeset	710	</html>

author	Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
	Tue, 08 Mar 2011 11:59:58 +0100
changeset 59	9266a28107b3
parent 57	5422b3d398c5
parent 53	e9f4dc2d3fc4
child 60	3c280a86e5c1
permissions	-rw-r--r--