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
|
$('html').on('mousedown', function(event){
$('circle').contextMenu({
menu: 'myMenu'
},function(action, el, pos) {
if(action == 'colorClim'){
$(el).attr('fill', '#f38b53');
} else if(action == 'colorTcp'){
$(el).attr('fill', '#1b98cb');
} else if(action == 'colorPower'){
$(el).attr('fill', '#21b821');
} else if(action == 'supprimer'){
$(el).remove();
}
if(action == 'move'){
group = $(el).parent().attr('id');
groupX = $('#'+group+' rect').attr('x');
groupXWidth = $('#'+group+' rect').attr('width');
groupXMarge = parseInt(groupX) + 5;
groupY = $('#'+group+' rect').attr('y');
validGroupX = parseInt(groupX) + parseInt(20);
validGroupX2 = (parseInt(groupY) + 200) - parseInt(20);
v1 = parseInt(groupX) + 180;
v2 = parseInt(groupX) + 200;
el2 = $(el).attr('id');
$('#'+group).on('click', function(event){
Circlex = parseInt(event.pageX) - parseInt($('#svgsketch').offset().left);
Circley = parseInt(event.pageY) - parseInt($('#svgsketch').offset().top);
console.log(Circlex+' '+validGroupX2);//&& Circley >= groupY
if(Circlex >= groupX && Circlex <= validGroupX){
$('#'+el2).attr('cx', groupXMarge);
$('#'+el2).attr('cy', parseInt(Circley)+10);
} else if (Circlex >= v1 && Circlex <= v2){
$('#'+el2).attr('cx', parseInt(v2)-5);
$('#'+el2).attr('cy', parseInt(Circley)+10);
} else { console.log('pas le droit'); }
});
}
});
// suite code
}); |
