CharisKomos (Talk | contribs) |
CharisKomos (Talk | contribs) |
||
Line 27: | Line 27: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 15.8398)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 15.8398)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 15.8398)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 15.8398)', | ||
− | ' | + | 'image_id' : 'asteris_on_click_mirna_xA0_Image' |
}, | }, | ||
Line 34: | Line 34: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 87.8398)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 87.8398)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 87.8398)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 87.8398)', | ||
− | ' | + | 'image_id' : 'eugene_on_click_mirna_xA0_Image' |
}, | }, | ||
{ | { | ||
Line 40: | Line 40: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 158.8799)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 158.8799)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 158.8799)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 158.8799)', | ||
− | ' | + | 'image_id' : 'charis_on_click_mirna_xA0_Image' |
}, | }, | ||
{ | { | ||
Line 46: | Line 46: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 229.9199)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 229.9199)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 229.9199)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 229.9199)', | ||
− | ' | + | 'image_id' : 'thomas_on_click_mirna_xA0_Image' |
}, | }, | ||
{ | { | ||
Line 52: | Line 52: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 301.9199)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 301.9199)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 301.9199)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 301.9199)', | ||
− | ' | + | 'image_id' : 'elissavet_on_click_mirna_xA0_Image' |
} | } | ||
]; | ]; | ||
Line 60: | Line 60: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 11.04)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 11.04)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 11.04)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 11.04)', | ||
− | ' | + | 'image_id' : 'constantine_on_click_mirna_xA0_Image' |
}, | }, | ||
{ | { | ||
Line 66: | Line 66: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 72.96)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 72.96)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 72.96)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 72.96)', | ||
− | ' | + | 'image_id' : 'komos_on_click_mirna_xA0_Image' |
}, | }, | ||
{ | { | ||
Line 72: | Line 72: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 137.7598)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 137.7598)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 137.7598)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 137.7598)', | ||
− | ' | + | 'image_id' : 'agg_on_click_mirna_xA0_Image' |
}, | }, | ||
{ | { | ||
Line 78: | Line 78: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 198.7197)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 198.7197)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 198.7197)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 198.7197)', | ||
− | ' | + | 'image_id' : 'nafsika_on_click_mirna_xA0_Image' |
}, | }, | ||
{ | { | ||
Line 84: | Line 84: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 263.04)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 263.04)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 263.04)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 263.04)', | ||
− | ' | + | 'image_id' : 'kst_on_click_mirna_xA0_Image' |
}, | }, | ||
{ | { | ||
Line 90: | Line 90: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 323.5195)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 323.5195)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 323.5195)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 323.5195)', | ||
− | ' | + | 'image_id' : 'thanasis_on_click_mirna_xA0_Image' |
} | } | ||
]; | ]; | ||
Line 98: | Line 98: | ||
if(item.id != element.id){ | if(item.id != element.id){ | ||
svgDoc.getElementById(item.id).setAttribute('transform', item.translate_before); | svgDoc.getElementById(item.id).setAttribute('transform', item.translate_before); | ||
+ | svgDoc.getElementById(item.image_id).setAttribute('opacity', '0'); | ||
}else{ | }else{ | ||
svgDoc.getElementById(item.id).setAttribute('transform', item.translate_after); | svgDoc.getElementById(item.id).setAttribute('transform', item.translate_after); | ||
− | svgDoc.getElementById( | + | svgDoc.getElementById(item.image_id).setAttribute('opacity', '1'); |
− | console.log(item. | + | console.log(item.image_id); |
− | console.log(typeof(item. | + | console.log(typeof(item.image_id)); |
− | console.log(svgDoc.getElementById(item. | + | console.log(svgDoc.getElementById(item.image_id)); |
− | console.log(typeof(svgDoc.getElementById(item. | + | console.log(typeof(svgDoc.getElementById(item.image_id))); |
} | } | ||
}); | }); | ||
Line 110: | Line 111: | ||
if(item.id != element.id){ | if(item.id != element.id){ | ||
svgDoc.getElementById(item.id).setAttribute('transform', item.translate_before); | svgDoc.getElementById(item.id).setAttribute('transform', item.translate_before); | ||
+ | svgDoc.getElementById(item.image_id).setAttribute('opacity', '0'); | ||
}else{ | }else{ | ||
svgDoc.getElementById(item.id).setAttribute('transform', item.translate_after); | svgDoc.getElementById(item.id).setAttribute('transform', item.translate_after); | ||
− | console.log(item. | + | svgDoc.getElementById(item.image_id).setAttribute('opacity', '1'); |
− | console.log(typeof(item. | + | console.log(item.image_id); |
− | console.log(svgDoc.getElementById(item. | + | console.log(typeof(item.image_id)); |
− | console.log(typeof(svgDoc.getElementById(item. | + | console.log(svgDoc.getElementById(item.image_id)); |
+ | console.log(typeof(svgDoc.getElementById(item.image_id))); | ||
} | } | ||
}); | }); | ||
Line 129: | Line 132: | ||
svgDoc.getElementById(item.id).addEventListener('click', function(){ svgFunctionality(item) }); | svgDoc.getElementById(item.id).addEventListener('click', function(){ svgFunctionality(item) }); | ||
svgDoc.getElementById(item.id).addEventListener('mouseover', function(){ $('#' + item.id).css('cursor', 'pointer') }); | svgDoc.getElementById(item.id).addEventListener('mouseover', function(){ $('#' + item.id).css('cursor', 'pointer') }); | ||
− | + | svgDoc.getElementById(item.image_id).setAttribute('opacity', '0'); | |
}); | }); | ||
Line 136: | Line 139: | ||
svgDoc.getElementById(item.id).addEventListener('click', function(){ svgFunctionality(item) }); | svgDoc.getElementById(item.id).addEventListener('click', function(){ svgFunctionality(item) }); | ||
svgDoc.getElementById(item.id).addEventListener('mouseover', function(){ $('#' + item.id).css('cursor', 'pointer') }); | svgDoc.getElementById(item.id).addEventListener('mouseover', function(){ $('#' + item.id).css('cursor', 'pointer') }); | ||
− | + | svgDoc.getElementById(item.image_id).setAttribute('opacity', '0'); | |
}); | }); | ||
Revision as of 17:25, 21 October 2017