Thursday, September 22, 2011

Simple hide add view the css

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script language="javascript" type="text/javascript">
function toggle(item) {
obj = document.getElementById(item);
visible = (obj.style.display != "none");
alert(visible);
if(visible){
obj.style.display = "none";
} else {
obj.style.display = "block";
}
}
</script>
  </script>
 </HEAD>

 <BODY>
  <!-- anything you want to be affected by the script goes inside the div -->
<div id="hideThis">

<table>
... your table stuff goes here ...
</table>

</div>
<a href="#" onclick="javascript:toggle('hideThis');">Show / Hide </a>
 </BODY>
</HTML>

0 Comments:

Post a Comment

Subscribe to Post Comments [Atom]

<< Home