diff --git a/code/index.html b/code/index.html index f2edb6d..a2370fc 100644 --- a/code/index.html +++ b/code/index.html @@ -332,13 +332,14 @@ { canvasNumber=e.currentTarget.id.substring(6); document.getElementById("canvas"+mousePos[0]).classList.remove('vitrail-select'); - if(mousePos[0]=="R" && canvasNumber!="R") + + if(mousePos[0].match(/[R]/g)!=null && canvasNumber!="R") { if(!isVisible(canvasNumber)) { toggleVisible(canvasNumber); tabR[canvasNumber]=[]; - toggleVisible(canvasNumber,true); + toggleVisible(mousePos[0].substring(1),true); } } else @@ -543,10 +544,27 @@ canvas4.addEventListener("mouseleave",function(e){ document.getElementById("canvas4").classList.remove('vitrail-hover'); }) - + /* canvasR.addEventListener("mousedown",function(e){ mousePos = [e.currentTarget.id.substring(6),compas(e.clientX,e.clientY,e.currentTarget)]; }) +*/ + canvasR1.addEventListener("mousedown",function(e){ + mousePos = [e.currentTarget.id.substring(6),compas(e.clientX,e.clientY,e.currentTarget)]; + document.getElementById("canvasR1").classList.add('vitrail-select'); + }) + canvasR2.addEventListener("mousedown",function(e){ + mousePos = [e.currentTarget.id.substring(6),compas(e.clientX,e.clientY,e.currentTarget)]; + document.getElementById("canvasR2").classList.add('vitrail-select'); + }) + canvasR3.addEventListener("mousedown",function(e){ + mousePos = [e.currentTarget.id.substring(6),compas(e.clientX,e.clientY,e.currentTarget)]; + document.getElementById("canvasR3").classList.add('vitrail-select'); + }) + canvasR4.addEventListener("mousedown",function(e){ + mousePos = [e.currentTarget.id.substring(6),compas(e.clientX,e.clientY,e.currentTarget)]; + document.getElementById("canvasR4").classList.add('vitrail-select'); + }) canvasR.addEventListener("mouseup",function(e){ rotationManager(e);