I have Five cards. based on button click the corresponding region gets displayed on the same page. on click of card, javacript function is called..example:
function abc(btn_id)
{
if(btn_id == ‘a’)
{
$x.show(abc);
$x.show(def);
}
if(btn_id =='b')
{
$x.show(abc);
$x.show(def);
}
//likewise for all buttons
}
now onclick of the button a box border should appear…so that user will know the current active button..If box appears on click but when clicked elsewhere it disappears…
i tried to use document.getElementByID(a).style.border = “2px solid blue”; while disabling others..
inside the call ..below
f(btn_id == ‘a’)
{
$x.show(abc);
$x.show(def);
document.getElementByID(a).style.border = “2px solid blue”;
document.getElementByID(b).style.border = “none”;
}
this is working only when i have access to all buttons.. say if i have access to only one button and if i click onto next button it draws border on previous button..the border is expected to be removed.
In short,
i want to focus the current active button,so that user knows which button he clicked.. Please provide me any way to solve this