Tuesday, June 24, 2008

show hide layer on tab clicking

function showDiv(dvnm)
{
 document.getElementById(dvnm).style.display = 'block';
 document.getElementById(dvnm).style.visibility = 'visible';
}

function hideDiv(dvnm)
{
 document.getElementById(dvnm).style.display = 'none';
 document.getElementById(dvnm).style.visibility = 'hidden';
}
function showlayer(n)
{
 for(i=1;i<=2;i++)//number of layer u want to show
 {
  if(i==n)
  {
   showDiv('div'+ i);//dynamically call div id
   document.getElementById('tab'+i).style.backgroundColor="#666666";//dynamically show contant id
  }
  else
  {
   hideDiv('div'+ i); 
      document.getElementById('tab'+i).style.backgroundColor="gray";
  }
 }
}

No comments :

Post a Comment

AJAX, asp, Asp.net, asp.net and sql server security, Asp.net IntemIndex, C#, Css, DataBinder.Eval, DataKeyNames, Datalist, Datapager, DataSet, DataTable, DropDownList, FindControl, gridview, JavaScript, jquery, Listview, Paging, Regex, RegularExpression, Repeater, Server side validation, Sql Server, timer, timercallback, Validation, XML, xmlnode, XPath