colorpk_sele.html
2.57 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<input id="col_controllist" ind="" value="" type="hidden"/>
<input id="stoid" value="{:getAdmStoId();}" type="hidden"/>
<div id="colorpicinput" style="display:none; width: 10px; height: 10px"></div>
<script type="text/javascript">
var col_sele_obj=null;
/*---链接地址,a是content的一级名称，b是二级名称,ob是对象---*/
function setcolor(a,b,ob){
var obj=$(ob).parent().parent();
var ind=0;
url_sele_obj=ob;
if(a==""){
$("#controllist").val(b);
}else{
$("#controllist").val(a+'-'+b);
var n=0;
while(!obj.hasClass('parent')){
obj=obj.parent();
n++;
if(n>=4) break;
}
ind=obj.index();
}
$('#colorpicinput').click();
x=$(ob).offset().left;
y=$(ob).offset().top+20;
$(".colorpicker").css("left",x+'px');
$(".colorpicker").css("top",y+'px')
}
$(function () {
/*---colorpick---*/
$('#colorSelector').ColorPicker({
color: '#0000ff',
onShow: function (colpkr) {
$(colpkr).fadeIn(500);
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut(500);
return false;
},
onChange: function (hsb, hex, rgb) {
$('#colorSelector div').css('backgroundColor', '#' + hex);
//通过controller来获取Angular应用
var appElement = document.querySelector('[ng-controller=ctrl]');
//获取$scope变量
var $scope = angular.element(appElement).scope();
//调用msg变量，并改变msg的值
var v = $("#controllist").val();
var ind = parseInt($("#col_controllist").attr('ind'));
var ary = v.split("-");
var c = $("#controllist").attr('utitle');
if (ary[0]== "config") {
var b = ary[1];
$scope.config[b] = '#' + hex;
} else {
if (ary.length == 1) {
$scope.content[v] = '#' + hex;
} else {
var a = ary[0];
var b = ary[1];
/*--修改链接的地址--*/
$scope.content[a][ind][b] = '#' + hex;
}
}
//同步到Angular控制器中
$scope.$apply();
}
});
});
</script>