I use a print style sheet so only the desired text of a page will print.
The only problem I have encountered is the inability to prevent the top layer of a JavaScript-generated cascading menu from printing. I have tried various schemes but cannot keep the top layer from printing.
Fortunately, I only have to deal with IE 5 and 6. I am on an Intranet and cannot post a URL. Below is the html and the css I am using.
The menu displays in #MenuPos. Menubox fixes the location of #MenuPos. None of the other items in the banner div print. Other divs containing menus and links elsewhere on the page do not print. It is only the #MenuPos that causes problems.
************FROM HTML FILE**********
<head>
<title>Region 7 Public Information Services</title>
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"../content.css" type="text/css"
media="screen">
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"../contentprint.css" type="text/css"
media="print">
<script type='text/javascript' src='http://www.webdeveloper.com/forum/archive/index.php/../admin_static_menu.js'></script>
<!--This script produces the cascading menu at the top of the page.The menu displays in the MenuPos div below-->
<script type='text/javascript'>
//HV Menu v5- by Ger Versluis (<!-- m --><a class="postlink" href="http://www.burmees.nl/">http://www.burmees.nl/</a><!-- m -->)
//Submitted to Dynamic Drive (<!-- m --><a class="postlink" href="http://www.dynamicdrive.com">http://www.dynamicdrive.com</a><!-- m -->)
//Visit <!-- m --><a class="postlink" href="http://www.dynamicdrive.com">http://www.dynamicdrive.com</a><!-- m --> for this script and more
> >
function Go(){return}
> >
</script>
<script type='text/javascript'
> src='http://www.webdeveloper.com/forum/archive/index.php/../menu_horiz_var_3_column.js'></script>
<script type='text/javascript' src='http://www.webdeveloper.com/forum/archive/index.php/../menu_com.js'></script>
</head>
<body>
<!-- BANNER contains the logobox div (star graphic), the bannertextbox
> div,
and the menubox div, the display area for
the cascading menu. NOT PRINTABLE in contentprint.css-->
<div id="banner">
<div class="logobox"> <img
src=http://www.webdeveloper.com/forum/archive/index.php/"../images/5_point_star_in_wreath_small_2.gif" alt="Graphic of State
Seal">
</div>
<!--END OF LOGOBOX DIV-->
<div class="bannertextbox"> DHS REGION 7 INTRANET<br>
PROUDLY SERVING CENTRAL TEXAS </div>
<!--END OF BANNERTEXTBOX DIV-->
<!--Menubox contains MenuPos div, which is where the cascading menu
displays-->
<div class="menubox">
<div id="MenuPos"> </div>
</div>
<!--END OF MENUBOX DIV-->
</DIV>
<!--END OF BANNER DIV-->
*********FROM CONTENTPRINT STYLE SHEET****
#banner {display: none; }
.bannertextbox {display: none; }
.logobox { display: none; }
#MenuPos {display: none;}
.menubox {display: none; }
************************
Any suggestions on how to keep the top layer of the cascading menu from printing?Maybe this (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS2/media.html">http://www.w3.org/TR/CSS2/media.html</a><!-- m -->) will help.. Since it's IE only, you could just specify a completely different text file to print, rather than use CSS.
JonaWe have over 500 pages on our Intranet, most of which contain information that can be printed. Maintaining a mirror site with text only is not an option.
Thanks for the suggestion, though.I see..
Jona
The only problem I have encountered is the inability to prevent the top layer of a JavaScript-generated cascading menu from printing. I have tried various schemes but cannot keep the top layer from printing.
Fortunately, I only have to deal with IE 5 and 6. I am on an Intranet and cannot post a URL. Below is the html and the css I am using.
The menu displays in #MenuPos. Menubox fixes the location of #MenuPos. None of the other items in the banner div print. Other divs containing menus and links elsewhere on the page do not print. It is only the #MenuPos that causes problems.
************FROM HTML FILE**********
<head>
<title>Region 7 Public Information Services</title>
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"../content.css" type="text/css"
media="screen">
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"../contentprint.css" type="text/css"
media="print">
<script type='text/javascript' src='http://www.webdeveloper.com/forum/archive/index.php/../admin_static_menu.js'></script>
<!--This script produces the cascading menu at the top of the page.The menu displays in the MenuPos div below-->
<script type='text/javascript'>
//HV Menu v5- by Ger Versluis (<!-- m --><a class="postlink" href="http://www.burmees.nl/">http://www.burmees.nl/</a><!-- m -->)
//Submitted to Dynamic Drive (<!-- m --><a class="postlink" href="http://www.dynamicdrive.com">http://www.dynamicdrive.com</a><!-- m -->)
//Visit <!-- m --><a class="postlink" href="http://www.dynamicdrive.com">http://www.dynamicdrive.com</a><!-- m --> for this script and more
> >
function Go(){return}
> >
</script>
<script type='text/javascript'
> src='http://www.webdeveloper.com/forum/archive/index.php/../menu_horiz_var_3_column.js'></script>
<script type='text/javascript' src='http://www.webdeveloper.com/forum/archive/index.php/../menu_com.js'></script>
</head>
<body>
<!-- BANNER contains the logobox div (star graphic), the bannertextbox
> div,
and the menubox div, the display area for
the cascading menu. NOT PRINTABLE in contentprint.css-->
<div id="banner">
<div class="logobox"> <img
src=http://www.webdeveloper.com/forum/archive/index.php/"../images/5_point_star_in_wreath_small_2.gif" alt="Graphic of State
Seal">
</div>
<!--END OF LOGOBOX DIV-->
<div class="bannertextbox"> DHS REGION 7 INTRANET<br>
PROUDLY SERVING CENTRAL TEXAS </div>
<!--END OF BANNERTEXTBOX DIV-->
<!--Menubox contains MenuPos div, which is where the cascading menu
displays-->
<div class="menubox">
<div id="MenuPos"> </div>
</div>
<!--END OF MENUBOX DIV-->
</DIV>
<!--END OF BANNER DIV-->
*********FROM CONTENTPRINT STYLE SHEET****
#banner {display: none; }
.bannertextbox {display: none; }
.logobox { display: none; }
#MenuPos {display: none;}
.menubox {display: none; }
************************
Any suggestions on how to keep the top layer of the cascading menu from printing?Maybe this (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS2/media.html">http://www.w3.org/TR/CSS2/media.html</a><!-- m -->) will help.. Since it's IE only, you could just specify a completely different text file to print, rather than use CSS.
JonaWe have over 500 pages on our Intranet, most of which contain information that can be printed. Maintaining a mirror site with text only is not an option.
Thanks for the suggestion, though.I see..
Jona