diff --git a/code/button_displayer.js b/code/button_displayer.js index 9ea0320..3736df1 100644 --- a/code/button_displayer.js +++ b/code/button_displayer.js @@ -18,7 +18,13 @@ document.getElementById("btn_high").width=size; modes.forEach(element => { eval("var btn"+element+"= document.getElementById('btn_"+element+"')"); eval("btn_"+element+".width=size"); - eval("btn_"+element).addEventListener("mousedown",function(e){disp(e);}); + eval("btn_"+element).addEventListener("mousedown",function(e){ + disp(e); + modes.forEach(element => { + document.getElementById("btn_"+element).classList.remove("selected"); + }) + document.getElementById(e.currentTarget.id).classList.add("selected"); + }); var tab=document.getElementById(element).children; for(var i=0;i { eval("var img_"+element+"= document.getElementById('img_"+element+"')"); eval("img_"+element+".width=size"); - eval("img_"+element).addEventListener("mousedown",function(e){disp(e);}); + eval("img_"+element).addEventListener("mousedown",function(e) + { + disp(e); + modes.forEach(element => { + document.getElementById("img_"+element).classList.remove("selected"); + }) + document.getElementById(e.currentTarget.id).classList.add("selected"); + }); var tab=document.getElementById(element).children; for(var i=1;i