PDA

View Full Version : HV Menu Printing



jbirdsall
09-30-2004, 10:01 AM
HV Menu (http://www.dynamicdrive.com/dynamicindex1/hvmenu/index.htm)

I don't want the HV Menu to show when the page is printing. I have set up a hideprint.css and have linked it properly to the page that I have the menu on, but i can't get the menu to not show up. I am using the following code in my hideprint.css. Help

:confused:

<!-- styles for turning off things for print-->
.noprint {
display:block; }
.printonly{
display:none; }
[at] media print {
.printonly {
display:block; }
.noprint {
display:none; }
}
.hvmenu/exmplmenu_var.js {
position:absolute;
display:none;
}
.hvmenu/menu_com.js {
position:absolute;
display:none;
}

jbirdsall
10-01-2004, 09:34 AM
You mean there is no one out there who can help me with this problem???

cr3ative
10-01-2004, 11:17 AM
Have patience, i'm working on it :)

cr3ative

jbirdsall
10-01-2004, 12:24 PM
sorry it just felt like no one was out there for me.

cr3ative
10-01-2004, 01:27 PM
The HV menu doesn't support this way of hiding <DIV></DIV> areas.

This explains how to hide <DIV></DIV> areas, and when applied to the menu it doesn't work. I suggest trying out some of DD's other menus if this really is an issue.
http://www.killersites.com/articles/newsletterArchive/Newsletter_Nov3_2003.htm

Sorry I can't help: CSS Style sheet's aren't exactly my strong point, but I'm pretty sure now that it's incompatible.
cr3ative

jbirdsall
10-01-2004, 03:30 PM
Thanx for the attempt

hallojohn
10-04-2004, 08:30 PM
Having the same problem.
Did you manage to find a solution jbirdsall ?

jbirdsall
10-05-2004, 12:08 PM
No I haven't. I am just living with it for now, but it really bugs me.

digitalmaster
06-22-2005, 08:28 PM
muahahahaha, sorry, I just figured out how to hide the HVMenu when printing, thought a devilish laugh was in order. :D

Okay, you all wanted to know. Well, start off by creating a class definition in your print style sheet like so:

.menuItem { visibilty: hidden; display: none; }

REPEAT this should be defined in a stylesheet that is called like this in the head:


<link rel="STYLESHEET" media="print" href="/common/print.css" type="text/css" />

notice media="print", means this style sheet will be used only when printing.

Okay, now in the menu_com.js file scroll down to the 'MbrSetUp' function. After the variable declarations type in:

this.className = "menuItem";

This effectivly assigns every element of the HV menu a class name 'menuItem', which when printed will not be visible.

For the final test open your page up and do a print preview and worship the ground I walk on. :D

mkelly4ca
08-31-2005, 06:08 PM
<worshiping the ground you walk on>

Thanks for solving my problem before I had it, and for posting it here so I could fix my problem with virtually no work and no waiting! :)

Wharekura
04-12-2006, 02:17 AM
Thanks jbirdsall

I tried all sorts of things to avoid using framesets etc and spent literally hours and even read the INSTRUCTIONS. Then I found this answer which works for IE and FF.

hexus
12-11-2007, 04:21 PM
<worshiping the ground you walk on>
+1

I had a headache with this problem...