periplus: comparison integration/js/main.js

Mercurial Mercurial > periplus / comparison

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

integration/js/main.js

changeset 20	c86141a8570d
parent 11	95df5542a1ce
child 21	c2dd00471b2d

equal deleted inserted replaced

-:81a605180745
+:c86141a8570d
 	var clusterWidth=0;
 	$('.cluster li').each( function(){ clusterWidth += $(this).width() + 10; });
 	$('.cluster').width( clusterWidth );
 	var clusterVisibleWidth = $(".cluster-visible").width();
 	var clusterVisibleLeft = 20;
+	$(".arrow-left").addClass('bute');
 	if (clusterWidth>clusterVisibleWidth) {
 		$(".cluster-containment").css({
 			"left": -(clusterWidth-clusterVisibleWidth),
 			"width":clusterWidth+(clusterWidth-clusterVisibleWidth+clusterVisibleLeft)
 		});
 		$(".cluster-visible").css({"left": (clusterWidth-912+clusterVisibleLeft)});
 		$("a.cluster-arrow").bind("click",function(e){
 			e.preventDefault();
+			$(".cluster").stop();
+			moveCluster(this, 5);
+		});
+		$("a.cluster-arrow").hover(
+			function(){
+				moveCluster(this, 20);
+			},
+			function(){
+				$(".cluster").stop();
+			}
+		);
+		function moveCluster(arrow, speed){
 			var clusterContainmentLeft = parseInt($(".cluster-containment").css("left"));
 			var clusterContainmentRight = parseInt($(".cluster-containment").css("left")) + $(".cluster-containment").width();
 			var clusterLeft = parseInt($(".cluster").css("left"));
 			var clusterRight = parseInt($(".cluster").css("left"))+$(".cluster").width();
-			if ($(this).hasClass("arrow-right")) {
-				if (clusterLeft-40>clusterContainmentLeft) {
+			if ($(arrow).hasClass("arrow-right")) {
-					$(".cluster").css({
+				$(".arrow-left").removeClass('bute');
-						"left":"-="+40
+				vitesse = (clusterLeft-clusterContainmentLeft)*speed;
-					});
+				$(".cluster").animate({
-				}else{
+					"left":clusterContainmentLeft
-					$(".cluster").css({
+				},vitesse,'linear',function(){
-						"left":clusterContainmentLeft
+					$(arrow).addClass('bute');
-					});
+				});
-				}
+			}else{
+				$(".arrow-right").removeClass('bute');
-			}else if($(this).hasClass("arrow-left")){
+				vitesse = (clusterContainmentRight-clusterRight)*speed;
+				$(".cluster").animate({
-				if (clusterRight+40<clusterContainmentRight) {
+					"left":0
-					$(".cluster").css({
+				},vitesse,'linear',function(){
-						"left":"+="+40
+					$(arrow).addClass('bute');
-					});
+				});
-				}else{
-					$(".cluster").css({
-						"left":0
-					});
-				}
 			}
-		});
+		}
 		//DRAGGABLE
 		$(".cluster").draggable({ axis: "x",containment: ".cluster-containment"  });
 	};
 //WIDGET
 	//HEIGHT
-	var contentRightHeight = $(".content-right").height();
+	function resizeWidgetSidebar(){
-	var contentLeftHeight = $(".content-left").height();
+		var contentRightHeight = $(".content-right").height();
-	if(contentRightHeight>contentLeftHeight){
+		var contentLeftHeight = $(".content-left").height();
-		$(".content-left .widget-wrap").css({
+		if(contentRightHeight>contentLeftHeight){
-			"height":"+="+(contentRightHeight-contentLeftHeight)
+			$(".content-left .widget-wrap").css({
-		});
+				"height":"+="+(contentRightHeight-contentLeftHeight)
+			});
+		}
 	}
+	resizeWidgetSidebar();
 	//VOLET
 	//Tout fermer par défaut
 	//$("div.content-left div.widget-wrap div.widget div.widget-inner").hide().removeClass("open");
 	//$("div.dossier-similaire div.widget div.widget-inner").hide().removeClass("open");
 	$('.widget.affichage li a').bind('click',function(e){
 		e.preventDefault();
 		if ($(this).hasClass("treemap") && !$(this).hasClass("active")) {
 			$('.widget.affichage li a.liste').removeClass("active");
 			$(this).addClass('active');
+			$('#liste').hide();$('#treemap').show();
 		}else if($(this).hasClass("liste") && !$(this).hasClass("active")){
 			$('.widget.affichage li a.treemap').removeClass("active");
 			$(this).addClass('active');
-		}
+			$('#liste').show();$('#treemap').hide();
+		}
+		resizeWidgetSidebar();
 	});
 	//DATE PICKER
 	$(".dateBegin").datepicker({
 		onSelect: function( selectedDate ) {
 	$( ".dateEnd" ).datepicker( "option", "minDate", selectedDate );
 		}else{
 			$("div.dossier-documentaire").slideDown();
 		}
 	});
 */
-	$("div.header a.dossier-button").bind("click",function(e){e.preventDefault();});
+	$(".header .dossier-button").bind("click",function(e){e.preventDefault();});
-	$("div.header a.dossier-button, div.header div.dossier-documentaire").hover(
+	$(".header .dossier-button, .header .dossier-documentaire").hover(
 		function(){
 			$("div.dossier-documentaire").stop().slideDown();
 		},
 		function(){
 			$("div.dossier-documentaire").stop().slideUp();
 //ARTICLES
 	$(".article-visuel-wrap").each(function(){
 		var contentHeight = $(this).parents(".article-content").height();
 		//$(this).height(contentHeight);
 	});
+	$(".article-annotations a").hover(
+		function(){
+			var x = $(this).offset().left + $(this).width()/2;
+			var y = $(this).offset().top;
+			var text = $(this).attr('title');
+			showTooltip(x,y,text);
+		},
+		function(){
+			var tip = $(".tooltip");
+			tip.hide();
+		}
+	);
 //FRISE
 	//valeurs init du slider à définir
 	var valSlider1 = 75;
 	var valSlider2 = 300;
 	var diffSlide = valSlider2-valSlider1;
 			var value1 = ui.values[ 0 ];
 			var value2 = ui.values[ 1 ];
 		}
 	});
+//TOOLTIP
+	function showTooltip(x,y, text) {
+		//white_arrow_long.png
+		var tip = $(".tooltip");
+		tip.show();
+	    tip.css({
+	        "left" : Math.floor(x - tip.outerWidth() / 2) + "px",
+	        "top" : Math.floor(y - tip.outerHeight()) + "px"
+	    }).text(text);
+	}
+//HOME TREEMAP
+	var lastActuBind = false;
+	$('#treemap').on('mouseover', '.actu', function(){
+		if(this == lastActuBind) return;
+		lastActuBind = this;
+		console.log('mouseover', $(this));
+	});
 });//jQuery

periplus