master page's div how to hide on another page

I have 2 pages(Delete.html)\[code\]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Delete Person</title> <style type="text/css"> .requiredlabel { font-family: "Lucida Grande",Verdana, Helvetica,"Times New Roman", Georgia, Times, serif; color: rgb(40, 40, 40); font-size:11px; font-weight :lighter; } </style> </head> <body style="background-color:#E6E6E6;"> <div id="mydiv"> <table cellpadding="2" border="0" cellspacing="1" width="20%" align="left"> <tr> <td align="Right" class="requiredlabel">Person Id:</td> <td align="left" class="requiredlabel">179003883</td> </tr> <tr> <td align="Right" class="requiredlabel">Last Name:</td> <td align="left" class="requiredlabel">amit</td> </tr> <tr> <td align="Right" class="requiredlabel">First Name:</td> <td align="left" class="requiredlabel">mishra</td> </tr> <tr> <td align="Right" class="requiredlabel">Email:</td> <td align="left" class="requiredlabel">[email protected]</td> </tr> <tr> <td align="Right" class="requiredlabel"><label>User Group:</label></td> <td align="Left"> <select name="User Group" disabled="true" size="1" style="width:100px;" id="LOB"> <option value="">1</option> <option value="">2</option> <option value="">3</option> <option value="">4</option> </select></td> </tr> <tr> <td align="Right" class="requiredlabel"><label>Status:</label></td> <td align="Left"> <select name="Status" disabled="true" size="1" style="width:100px;" id="LOB"> <option value="">Active</option> <option value="">Inactive</option> </select></td> </tr> <tr> <th align="center" colspan="2"><font color="red"><input type="submit" name="Submit" value="http://stackoverflow.com/questions/15611405/Delete"><input type="reset" name="reset" value="http://stackoverflow.com/questions/15611405/Cancel"> </font></th> </tr> </table> </form> </div> </body> </html>\[/code\]On other page I have:(add.html)\[code\]<!doctype html><html lang="en"><head><meta charset="utf-8" /><title>jQuery UI Dialog - Default functionality</title><link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /><script src="http://code.jquery.com/jquery-1.9.1.js"></script><script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script><link rel="stylesheet" href="http://stackoverflow.com/resources/demos/style.css" /><style type="text/css">body { background-color:; }#one { position:absolute; left:50%; top:50%; margin:-150px 0 0 -250px; }object { width:300px; height:200px; border:solid 1px #000000; }</style><script>$(function() {$( "#dialog" ).dialog();});</script><script type="text/javascript">function updateObjectIframe(which){ document.getElementById('dialog').innerHTML = '<'+'object id="foo" name="foo" type="text/html" data="'+which.href+'"><\/object>';}</script></head><body><div id="dialog" title="Basic dialog"><object id="foo" name="foo" type="text/html" data="http://stackoverflow.com/questions/15611405/Delete.html"></object></div></body></html>\[/code\]the 1st delete.html is 1st tab and add.html is 2nd tab.i want in the 2nd tab the delete button should not be visible.how it will be possible??
 
Back
Top