(c) 2007, DHTML-Menu.com
 
   
   
  Support
  Recent Questions
  Write To Support
 

    How can I hide my menu html code when I print my page?

Return to Recent Questions


Q: Can I use javascript to get the object ID (getElementByID). If not how do I hide my menu html code when I print the page?

A: You can add a new button to print your page and call onClick event, so you should write:
<body ....
onClick="document.getElementById('dm0m0').style.visibility='hidden'; window.print();">
...
</body>
Or you can use the same javascript code from your menu item.

For example:
var menuItems = [
["Print", "javascript:document.getElementById('dm0m0').style.visibility='hidden';
window.print();", icon1, icon2],
];
But if you want to hide the menu html code when your customers push "File/Print" you should write so:
Create two functions, for example:

function myprint()
{ document.getElementById('dm0m0').style.visibility='hidden';
window.print();
}
function myprint2()
{ document.getElementById('dm0m0').style.visibility='visible';
window.print();
}
You should add this functions into your code.

And then you must write the following code:

window.onbeforeprint = myprint;
window.onafterprint = myprint2;





Return to Recent Questions

Related:
   
Copyright (c) 2012, DHTML-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Write Us
All rights reserved. bootstrap parallax | mobiele website bouwen | creer site free | website design software | free icon maker