Revision 5d20692e
Added by Andreas Kohlbecker over 8 years ago
themes/zen_dataportal/js/colorpicker/js/layout.js | ||
---|---|---|
1 |
(function($){
|
|
2 |
var initLayout = function() {
|
|
3 |
var hash = window.location.hash.replace('#', '');
|
|
4 |
var currentTab = $('ul.navigationTabs a')
|
|
5 |
.bind('click', showTab)
|
|
6 |
.filter('a[rel=' + hash + ']');
|
|
7 |
if (currentTab.size() == 0) {
|
|
8 |
currentTab = $('ul.navigationTabs a:first');
|
|
9 |
}
|
|
10 |
showTab.apply(currentTab.get(0));
|
|
11 |
$('#colorpickerHolder').ColorPicker({flat: true});
|
|
12 |
$('#colorpickerHolder2').ColorPicker({
|
|
13 |
flat: true,
|
|
14 |
color: '#00ff00',
|
|
15 |
onSubmit: function(hsb, hex, rgb) {
|
|
16 |
$('#colorSelector2 div').css('backgroundColor', '#' + hex);
|
|
17 |
}
|
|
18 |
});
|
|
19 |
$('#colorpickerHolder2>div').css('position', 'absolute');
|
|
20 |
var widt = false;
|
|
21 |
$('#colorSelector2').bind('click', function() {
|
|
22 |
$('#colorpickerHolder2').stop().animate({height: widt ? 0 : 173}, 500);
|
|
23 |
widt = !widt;
|
|
24 |
});
|
|
25 |
$('#colorpickerField1, #colorpickerField2, #colorpickerField3').ColorPicker({
|
|
26 |
onSubmit: function(hsb, hex, rgb, el) {
|
|
27 |
$(el).val(hex);
|
|
28 |
$(el).ColorPickerHide();
|
|
29 |
},
|
|
30 |
onBeforeShow: function () {
|
|
31 |
$(this).ColorPickerSetColor(this.value);
|
|
32 |
}
|
|
33 |
})
|
|
34 |
.bind('keyup', function(){
|
|
35 |
$(this).ColorPickerSetColor(this.value);
|
|
36 |
});
|
|
37 |
$('#colorSelector').ColorPicker({
|
|
38 |
color: '#0000ff',
|
|
39 |
onShow: function (colpkr) {
|
|
40 |
$(colpkr).fadeIn(500);
|
|
41 |
return false;
|
|
42 |
},
|
|
43 |
onHide: function (colpkr) {
|
|
44 |
$(colpkr).fadeOut(500);
|
|
45 |
return false;
|
|
46 |
},
|
|
47 |
onChange: function (hsb, hex, rgb) {
|
|
48 |
$('#colorSelector div').css('backgroundColor', '#' + hex);
|
|
49 |
}
|
|
50 |
});
|
|
51 |
};
|
|
52 |
|
|
53 |
var showTab = function(e) {
|
|
54 |
var tabIndex = $('ul.navigationTabs a')
|
|
55 |
.removeClass('active')
|
|
56 |
.index(this);
|
|
57 |
$(this)
|
|
58 |
.addClass('active')
|
|
59 |
.blur();
|
|
60 |
$('div.tab')
|
|
61 |
.hide()
|
|
62 |
.eq(tabIndex)
|
|
63 |
.show();
|
|
64 |
};
|
|
65 |
|
|
66 |
EYE.register(initLayout, 'init');
|
|
1 |
(function($){ |
|
2 |
var initLayout = function() { |
|
3 |
var hash = window.location.hash.replace('#', ''); |
|
4 |
var currentTab = $('ul.navigationTabs a') |
|
5 |
.bind('click', showTab) |
|
6 |
.filter('a[rel=' + hash + ']'); |
|
7 |
if (currentTab.size() == 0) { |
|
8 |
currentTab = $('ul.navigationTabs a:first'); |
|
9 |
} |
|
10 |
showTab.apply(currentTab.get(0)); |
|
11 |
$('#colorpickerHolder').ColorPicker({flat: true}); |
|
12 |
$('#colorpickerHolder2').ColorPicker({ |
|
13 |
flat: true, |
|
14 |
color: '#00ff00', |
|
15 |
onSubmit: function(hsb, hex, rgb) { |
|
16 |
$('#colorSelector2 div').css('backgroundColor', '#' + hex); |
|
17 |
} |
|
18 |
}); |
|
19 |
$('#colorpickerHolder2>div').css('position', 'absolute'); |
|
20 |
var widt = false; |
|
21 |
$('#colorSelector2').bind('click', function() { |
|
22 |
$('#colorpickerHolder2').stop().animate({height: widt ? 0 : 173}, 500); |
|
23 |
widt = !widt; |
|
24 |
}); |
|
25 |
$('#colorpickerField1, #colorpickerField2, #colorpickerField3').ColorPicker({ |
|
26 |
onSubmit: function(hsb, hex, rgb, el) { |
|
27 |
$(el).val(hex); |
|
28 |
$(el).ColorPickerHide(); |
|
29 |
}, |
|
30 |
onBeforeShow: function () { |
|
31 |
$(this).ColorPickerSetColor(this.value); |
|
32 |
} |
|
33 |
}) |
|
34 |
.bind('keyup', function(){ |
|
35 |
$(this).ColorPickerSetColor(this.value); |
|
36 |
}); |
|
37 |
$('#colorSelector').ColorPicker({ |
|
38 |
color: '#0000ff', |
|
39 |
onShow: function (colpkr) { |
|
40 |
$(colpkr).fadeIn(500); |
|
41 |
return false; |
|
42 |
}, |
|
43 |
onHide: function (colpkr) { |
|
44 |
$(colpkr).fadeOut(500); |
|
45 |
return false; |
|
46 |
}, |
|
47 |
onChange: function (hsb, hex, rgb) { |
|
48 |
$('#colorSelector div').css('backgroundColor', '#' + hex); |
|
49 |
} |
|
50 |
}); |
|
51 |
}; |
|
52 |
|
|
53 |
var showTab = function(e) { |
|
54 |
var tabIndex = $('ul.navigationTabs a') |
|
55 |
.removeClass('active') |
|
56 |
.index(this); |
|
57 |
$(this) |
|
58 |
.addClass('active') |
|
59 |
.blur(); |
|
60 |
$('div.tab') |
|
61 |
.hide() |
|
62 |
.eq(tabIndex) |
|
63 |
.show(); |
|
64 |
}; |
|
65 |
|
|
66 |
EYE.register(initLayout, 'init'); |
|
67 | 67 |
})(jQuery) |
Also available in: Unified diff
Normalize all the line endings