| author | veltr |
| Mon, 15 Oct 2012 15:22:48 +0200 | |
| changeset 9 | 86ddd934464a |
| parent 6 | a3e60d7addb3 |
| child 11 | 95df5542a1ce |
| permissions | -rwxr-xr-x |
|
1
43d9dff6758a
premiers ajout front périples
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
1 |
$(function(){ |
| 3 | 2 |
//CLUSTER |
| 2 | 3 |
var clusterWidth=0; |
4 |
$('.cluster li').each( function(){ clusterWidth += $(this).width() + 10; }); |
|
5 |
$('.cluster').width( clusterWidth ); |
|
6 |
var clusterVisibleWidth = $(".cluster-visible").width(); |
|
7 |
var clusterVisibleLeft = 20; |
|
8 |
if (clusterWidth>clusterVisibleWidth) { |
|
9 |
$(".cluster-containment").css({ |
|
10 |
"left": -(clusterWidth-clusterVisibleWidth), |
|
11 |
"width":clusterWidth+(clusterWidth-clusterVisibleWidth+clusterVisibleLeft) |
|
12 |
}); |
|
13 |
$(".cluster-visible").css({"left": (clusterWidth-912+clusterVisibleLeft)}); |
|
14 |
$("a.cluster-arrow").bind("click",function(e){ |
|
15 |
console.log("click") |
|
16 |
e.preventDefault(); |
|
17 |
var clusterContainmentLeft = parseInt($(".cluster-containment").css("left")); |
|
18 |
var clusterContainmentRight = parseInt($(".cluster-containment").css("left")) + $(".cluster-containment").width(); |
|
19 |
var clusterLeft = parseInt($(".cluster").css("left")); |
|
20 |
var clusterRight = parseInt($(".cluster").css("left"))+$(".cluster").width(); |
|
21 |
if ($(this).hasClass("arrow-left")) { |
|
22 |
if (clusterLeft-40>clusterContainmentLeft) { |
|
23 |
$(".cluster").css({ |
|
24 |
"left":"-="+40 |
|
25 |
}); |
|
26 |
}else{ |
|
27 |
$(".cluster").css({ |
|
28 |
"left":clusterContainmentLeft |
|
29 |
}); |
|
30 |
} |
|
31 |
|
|
32 |
}else if($(this).hasClass("arrow-right")){ |
|
33 |
|
|
34 |
if (clusterRight+40<clusterContainmentRight) { |
|
35 |
$(".cluster").css({ |
|
36 |
"left":"+="+40 |
|
37 |
}); |
|
38 |
}else{ |
|
39 |
$(".cluster").css({ |
|
40 |
"left":0 |
|
41 |
}); |
|
42 |
} |
|
43 |
} |
|
44 |
}); |
|
45 |
|
|
46 |
//DRAGGABLE |
|
47 |
$(".cluster").draggable({ axis: "x",containment: ".cluster-containment" }); |
|
48 |
}; |
|
| 3 | 49 |
//WIDGET |
50 |
//VOLET |
|
|
4
b00fdbef41d4
ajout du header sur pages articles
Anthony Ly <anthonyly.com@gmail.com>
parents:
3
diff
changeset
|
51 |
//Tout fermer par défaut |
|
b00fdbef41d4
ajout du header sur pages articles
Anthony Ly <anthonyly.com@gmail.com>
parents:
3
diff
changeset
|
52 |
//$("div.content-left div.widget-wrap div.widget div.widget-inner").hide().removeClass("open"); |
|
b00fdbef41d4
ajout du header sur pages articles
Anthony Ly <anthonyly.com@gmail.com>
parents:
3
diff
changeset
|
53 |
//$("div.dossier-similaire div.widget div.widget-inner").hide().removeClass("open"); |
|
b00fdbef41d4
ajout du header sur pages articles
Anthony Ly <anthonyly.com@gmail.com>
parents:
3
diff
changeset
|
54 |
|
|
b00fdbef41d4
ajout du header sur pages articles
Anthony Ly <anthonyly.com@gmail.com>
parents:
3
diff
changeset
|
55 |
$("div.content-left div.widget-wrap div.widget h3 a, div.dossier-similaire div.widget h3 a").bind("click",function(e){ |
| 2 | 56 |
e.preventDefault(); |
57 |
var widgetInner = $(this).parents("h3").siblings("div.widget-inner"); |
|
58 |
widgetInner.stop(); |
|
59 |
if ($(this).hasClass("open")) { |
|
60 |
widgetInner.slideUp(); |
|
61 |
$(this).removeClass("open"); |
|
62 |
}else{ |
|
63 |
widgetInner.slideDown(); |
|
64 |
$(this).addClass("open"); |
|
65 |
} |
|
66 |
}); |
|
| 3 | 67 |
//AFFICHAGE |
68 |
$('.widget.affichage li a').bind('click',function(e){ |
|
69 |
e.preventDefault(); |
|
70 |
if ($(this).hasClass("treemap") && !$(this).hasClass("active")) { |
|
71 |
$('.widget.affichage li a.liste').removeClass("active"); |
|
72 |
$(this).addClass('active'); |
|
73 |
}else if($(this).hasClass("liste") && !$(this).hasClass("active")){ |
|
74 |
$('.widget.affichage li a.treemap').removeClass("active"); |
|
75 |
$(this).addClass('active'); |
|
76 |
} |
|
77 |
}); |
|
|
5
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
78 |
//DATE PICKER |
|
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
79 |
$(".dateBegin").datepicker({ |
|
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
80 |
onSelect: function( selectedDate ) { |
|
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
81 |
$( ".dateEnd" ).datepicker( "option", "minDate", selectedDate ); |
|
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
82 |
} |
|
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
83 |
}); |
|
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
84 |
$(".dateEnd").datepicker({ |
|
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
85 |
onSelect: function( selectedDate ) { |
|
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
86 |
$( ".dateBegin" ).datepicker( "option", "maxDate", selectedDate ); |
|
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
87 |
} |
|
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
88 |
}); |
| 3 | 89 |
//VOLET DOCUMENTAIRE |
| 2 | 90 |
$("div.dossier-documentaire").hide(); |
91 |
$("div.header a.dossier-button").bind("click",function(e){ |
|
92 |
e.preventDefault(); |
|
93 |
$("div.dossier-documentaire").stop() |
|
94 |
if($("div.dossier-documentaire").is(":visible")){ |
|
95 |
$("div.dossier-documentaire").slideUp(); |
|
96 |
}else{ |
|
97 |
$("div.dossier-documentaire").slideDown(); |
|
98 |
} |
|
99 |
}); |
|
| 3 | 100 |
//ARTICLES |
| 2 | 101 |
$(".article-visuel-wrap").each(function(){ |
102 |
var contentHeight = $(this).parents(".article-content").height(); |
|
103 |
//$(this).height(contentHeight); |
|
104 |
}); |
|
| 3 | 105 |
//FRISE |
106 |
//valeurs init du slider à définir |
|
107 |
var valSlider1 = 75; |
|
|
5
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
108 |
var valSlider2 = 300; |
|
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
109 |
var diffSlide = valSlider2-valSlider1; |
| 3 | 110 |
var widthFrise = $('.frise').width(); |
|
5
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
111 |
|
|
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
112 |
$( "#slider-range" ).dragslider({ |
| 3 | 113 |
range: true, |
|
5
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
114 |
rangeDrag: true, |
| 3 | 115 |
min: 0, |
116 |
max: widthFrise, |
|
117 |
values: [ valSlider1, valSlider2 ], |
|
118 |
slide: function( event, ui ) { |
|
| 9 | 119 |
if (window.streamgraph) { |
120 |
streamgraph.slidevalues(ui.values[0], ui.values[1]); |
|
121 |
} |
|
|
5
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
122 |
}, |
|
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
123 |
change: function( event, ui ){ |
|
6
a3e60d7addb3
ajout des boutons annotations / montage
Anthony Ly <anthonyly.com@gmail.com>
parents:
5
diff
changeset
|
124 |
//ici on récup les valeurs après un slide |
|
a3e60d7addb3
ajout des boutons annotations / montage
Anthony Ly <anthonyly.com@gmail.com>
parents:
5
diff
changeset
|
125 |
var value1 = ui.values[ 0 ]; |
|
a3e60d7addb3
ajout des boutons annotations / montage
Anthony Ly <anthonyly.com@gmail.com>
parents:
5
diff
changeset
|
126 |
var value2 = ui.values[ 1 ]; |
| 3 | 127 |
} |
128 |
}); |
|
|
5
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
129 |
|
|
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
130 |
|
|
16413123bc8c
ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents:
4
diff
changeset
|
131 |
|
| 3 | 132 |
});//jQuery |