Difference between revisions of "Template:Greece/TeamRoster"

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' : 'asteris_on_click_mirna_xA0_Image'
+
'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' : 'eugene_on_click_mirna_xA0_Image'
+
'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' : 'charis_on_click_mirna_xA0_Image'
+
'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' : 'thomas_on_click_mirna_xA0_Image'
+
'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' : 'elissavet_on_click_mirna_xA0_Image'
+
'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' : 'constantine_on_click_mirna_xA0_Image'
+
'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' : 'komos_on_click_mirna_xA0_Image'
+
'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' : 'agg_on_click_mirna_xA0_Image'
+
'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' : 'nafsika_on_click_mirna_xA0_Image'
+
'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' : 'kst_on_click_mirna_xA0_Image'
+
'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' : 'thanasis_on_click_mirna_xA0_Image'
+
'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(''+item.image).setAttribute('opacity', '0')
+
          svgDoc.getElementById(item.image_id).setAttribute('opacity', '1');
console.log(item.image);
+
console.log(item.image_id);
console.log(typeof(item.image));
+
console.log(typeof(item.image_id));
console.log(svgDoc.getElementById(item.image));
+
console.log(svgDoc.getElementById(item.image_id));
console.log(typeof(svgDoc.getElementById(item.image)));
+
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.image);
+
          svgDoc.getElementById(item.image_id).setAttribute('opacity', '1');
console.log(typeof(item.image));
+
console.log(item.image_id);
console.log(svgDoc.getElementById(item.image));
+
console.log(typeof(item.image_id));
console.log(typeof(svgDoc.getElementById(item.image)));
+
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