tweet_live: comparison web/rsln/polemicaltimeline.php

equal deleted inserted replaced

-:0829cd5dc6e8
+:5422b3d398c5
 		});
-		<!-- LIMIT TEXTAREA:
+		//<!-- LIMIT TEXTAREA:
 		function imposemax(Object)
 		{
 		  return (Object.value.length <= 140);
 		}
 		// End -->
-		<!-- TIMER
+		//<!-- TIMER
 		var c=0;
 		var t;
 		var timer_is_on=0;
 		function timedCount()
 <div id="tip"></div>
 <script type="text/javascript">
 	$(document).mousemove(function(e){
 		if (over){
 			tip.css("left", e.pageX-106).css("top", e.pageY-160);
-			tip.css("color", tipColor)
+			tip.css("color", tipColor);
 			tip.text(tipText);
 		}
 	});
 	var over = false;
 	var tip = $("#tip").hide();
 					x:8,
 					y:418,
 					width:650,
 					height:70,
 					heightmax:70
-					}
+					};
 	// Make and define the Raphael area
 	//var paper = Raphael(document.getElementById(config.target),config.width, config.height);
 	function ChartTimeLine (){
 		//var paper = Raphael(config.x, config.y,config.width, config.height);
-		var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height);
+		var paper = Raphael(config.target,config.width, config.height);
+		var current = null;
 		paper.rect(0,20,config.width,config.heightmax-20).attr({fill:"#fff","stroke-width":0.1,opacity: 0.1});
 		paper.rect(0,20,config.width,1).attr({fill:"#fff",stroke: "none"});
 		paper.rect(0,20,config.width,1).attr({fill:"#fff",stroke: "none"});
 		paper.rect(0,20,1,1).attr({fill:"#fff",stroke: "none"});
 		Frames = function(json){
 			// make my clusters
 			// ou Frame vide
 		};
 		Frames.prototype.draw = function(){
-		}
+		};
 		Frames.prototype.zoom = function(){
-		}
+		};
 		Frames.prototype.inside = function(){
-		}
+		};
 		var Clusters = function(){
 			var Object;
 			var yDist;
 			var x;
 			var y;
 		};
 		Clusters = function(json){
 			// make my object
 		};
 		var Tweet = function(){
-		}
+		};
 		// Classes =======================================================================
 													qualification:colorTranslation(item.content['polemics'][j]),
 													yIndicator:MyTime,
 													yframe:Myframe,
 													title:item.content['title'],
 													timeframe:item.begin
-													}
+													};
 										numberOfTweet+=1;
 								}
 						}else{
 							//trace("k = ",i);
 							tweets[numberOfTweet] = {
 										qualification:colorTranslation(""),
 										yIndicator:MyTime,
 										yframe:Myframe,
 										title:item.content['title'],
 										timeframe:item.begin
-							}
+							};
 							numberOfTweet+=1;
 						}
 					} else {
 						//trace("tweet qualification = ","null");
 			for(var i=0; i<nbrframes; i++) {
 				var moy	= 0;
 				for (var j=0; j<6; j++){
 					if (frames[i]!=undefined){
 						if (frames[i].qualifVol[j]!=undefined){
-							moy += frames[i].qualifVol[j]
+							moy += frames[i].qualifVol[j];
 						}
 					}
 				}
 				//trace("frame "+i,moy);
 				if (moy>max){max=moy;}
 			}
 			var tweetDrawed = new Array();
 			var TweetHeight = 5;
 			// DRAW  TWEETS ============================================
 			for(var i=0; i<nbrframes;i++) {
 				var addEheight = 5;
 				if (frames[i]!=undefined){
 					trace (i+" k=",frames[i].mytweetsID.length);
 													).attr({stroke:"#00","stroke-width":0.1,  fill: colors[j]});
 									addEheight +=TweetHeight;
 									e.time= frames[i].mytweetsID[k].timeframe;
 									e.title= frames[i].mytweetsID[k].title;
 									e.mouseover(function () {
-										this.attr({stroke:"#fff","stroke-width":5});
+										if(this != current) {
-										this.toFront();
+											to = this.attr("timeout");
+											if(to != null) {
+												clearTimeout(to);
+											}
+											if(current != null) {
+												current.attr({stroke:"#00","stroke-width":0.1});
+											}
+											this.attr({stroke:"#fff","stroke-width":5});
+											this.toFront();
+											var elem = this;
+											this.attr("timeout",
+												setTimeout(function() {
+													elem.attr({stroke:"#00","stroke-width":0.1});
+													current = null;
+												}, 10000));
+											current = this;
+										}
 									}).mouseout(function () {
 										this.attr({stroke:"#00","stroke-width":0.1});
+										current = null;
+										clearTimeout(this.attr("timeout"));
 									}).mousedown(function () {
-										__IriSP.MyApiPlayer.seek(this.time/1000)
+										__IriSP.MyApiPlayer.seek(this.time/1000);
 									});
 									$(e.node).attr('id', 't'+k+'');
 									$(e.node).attr('title', frames[i].mytweetsID[k].title);
 									$(e.node).attr('begin',  frames[i].mytweetsID[k].timeframe);
 									addTip(e.node, frames[i].mytweetsID[k].title,colors[j]);

changeset 57	5422b3d398c5
parent 55	3845177131d2
child 59	9266a28107b3