Connecting Tech Pros Worldwide Help | Site Map

Turning Javascript off while printing

  #1  
Old July 23rd, 2007, 02:45 AM
Jlcarroll
Guest
 
Posts: n/a
Hi,

I am building a web page.and have a simple javascript menu... I call
the javascript menu within a div block that my print sytlesheet has
set as a display: none;, well all the content in that block doesn't
show up, EXCEPT the javascript is still getting run...


<div class="menu">
<!--*****************These lines load in the
menu.***************************-->

<div id='MenuPos' style='position:relative; width:120; height:201;
margin-left:10px'>

<script type='text/javascript'>

//HV Menu v5- by Ger Versluis (http://www.burmees.nl/)

//Submitted to Dynamic Drive (http://www.dynamicdrive.com)

//Visit http://www.dynamicdrive.com for this script and more



function Go(){return}



</script>

<script type='text/javascript' src='/includes/jlc_menu.js'></script>

<script type='text/javascript' src='/includes/menu_com.js'></script>

<noscript>Your browser does not support script</noscript>
</div>

the stuff that doesn't show up when printing, just as it should....
<!-- *End menu*-->
</div>

Any idea how to fix this?

Thanks a bunch!

  #2  
Old July 23rd, 2007, 02:55 AM
David Mark
Guest
 
Posts: n/a

re: Turning Javascript off while printing


On Jul 22, 9:35 pm, Jlcarroll <jlcarr...@gmail.comwrote:
Quote:
Hi,
>
I am building a web page.and have a simple javascript menu... I call
the javascript menu within a div block that my print sytlesheet has
set as a display: none;, well all the content in that block doesn't
show up, EXCEPT the javascript is still getting run...
>
<div class="menu">
<!--*****************These lines load in the
menu.***************************-->
>
<div id='MenuPos' style='position:relative; width:120; height:201;
margin-left:10px'>
>
<script type='text/javascript'>
>
//HV Menu v5- by Ger Versluis (http://www.burmees.nl/)
>
//Submitted to Dynamic Drive (http://www.dynamicdrive.com)
Oh no.
Quote:
>
//Visithttp://www.dynamicdrive.comfor this script and more
>
For the love of God, don't.
Quote:
function Go(){return}
>
</script>
>
<script type='text/javascript' src='/includes/jlc_menu.js'></script>
>
<script type='text/javascript' src='/includes/menu_com.js'></script>
>
<noscript>Your browser does not support script</noscript>
Delete this. It serves no purpose. Better yet, write your menu
without script and then look for a non-invasive menu script.
Quote:
</div>
>
the stuff that doesn't show up when printing, just as it should....
<!-- *End menu*-->
</div>
>
Any idea how to fix this?
The script is going to run regardless of the page's style. What's the
problem (besides the lousy script?) Is it making the menu show up
when the page loads?

  #3  
Old July 23rd, 2007, 03:25 AM
Jlcarroll
Guest
 
Posts: n/a

re: Turning Javascript off while printing


oh, I guess that I wasn't clear... I want the script to run on the
screen display, but I want the print display to leave the menu off...
everything in the div block isn't displayed on print, EXCEPT this
bloody menu.

As for a "non-invasive" script... I did this YEARS ago, back before
css even existed... back then I was using tables to do the layout...
ugg ya..., and just finally got around to upgrading to css. But I
haven't gotten around to changing the menu script used... it has
worked fine for me until now. Although I am good at html, I must admit
that I don't know javascript at all, so I don't know what you mean by
invasive or non invasive scripts. Nor do I know how using a different
menu script would help me get it to not run when I am printing the
page.

I am sure that I am doing many things wrong, but I appreciate help
learning to do this right...

Thanks for your help,

James

On Jul 22, 7:48 pm, David Mark <dmark.cins...@gmail.comwrote:
Quote:
On Jul 22, 9:35 pm, Jlcarroll <jlcarr...@gmail.comwrote:
>
>
>
Quote:
Hi,
>
Quote:
I am building a web page.and have a simple javascript menu... I call
the javascript menu within a div block that my print sytlesheet has
set as a display: none;, well all the content in that block doesn't
show up, EXCEPT the javascript is still getting run...
>
Quote:
<div class="menu">
<!--*****************These lines load in the
menu.***************************-->
>
Quote:
<div id='MenuPos' style='position:relative; width:120; height:201;
margin-left:10px'>
>
Quote:
<script type='text/javascript'>
>
Quote:
//HV Menu v5- by Ger Versluis (http://www.burmees.nl/)
>
Quote:
//Submitted to Dynamic Drive (http://www.dynamicdrive.com)
>
Oh no.
>
>
>
Quote:
//Visithttp://www.dynamicdrive.comforthis script and more
>
For the love of God, don't.
>
Quote:
function Go(){return}
>
Quote:
</script>
>
Quote:
<script type='text/javascript' src='/includes/jlc_menu.js'></script>
>
Quote:
<script type='text/javascript' src='/includes/menu_com.js'></script>
>
Quote:
<noscript>Your browser does not support script</noscript>
>
Delete this. It serves no purpose. Better yet, write your menu
without script and then look for a non-invasive menu script.
>
Quote:
</div>
>
Quote:
the stuff that doesn't show up when printing, just as it should....
<!-- *End menu*-->
</div>
>
Quote:
Any idea how to fix this?
>
The script is going to run regardless of the page's style. What's the
problem (besides the lousy script?) Is it making the menu show up
when the page loads?

  #4  
Old July 26th, 2007, 07:05 PM
rbevers@eprod.com
Guest
 
Posts: n/a

re: Turning Javascript off while printing


On Jul 22, 7:35 pm, Jlcarroll <jlcarr...@gmail.comwrote:
Quote:
Hi,
>
I am building a web page.and have a simple javascript menu... I call
the javascript menu within a div block that my print sytlesheet has
set as a display: none;, well all the content in that block doesn't
show up, EXCEPT the javascript is still getting run...
>
<div class="menu">
<!--*****************These lines load in the
menu.***************************-->
>
<div id='MenuPos' style='position:relative; width:120; height:201;
margin-left:10px'>
>
<script type='text/javascript'>
>
//HV Menu v5- by Ger Versluis (http://www.burmees.nl/)
>
//Submitted to Dynamic Drive (http://www.dynamicdrive.com)
>
//Visithttp://www.dynamicdrive.comfor this script and more
>
function Go(){return}
>
</script>
>
<script type='text/javascript' src='/includes/jlc_menu.js'></script>
>
<script type='text/javascript' src='/includes/menu_com.js'></script>
>
<noscript>Your browser does not support script</noscript>
</div>
>
the stuff that doesn't show up when printing, just as it should....
<!-- *End menu*-->
</div>
>
Any idea how to fix this?
>
Thanks a bunch!

The best way to do it is with css. Like this:

<style type="text/css" media=print>
..menuBar{display:none;}
</style>

<style type="text/css">
..menuBar{font-family:Arial;
//all of the rest of the style for your menuBar}
</style>

when you declare the first div for your menu <div class=menuBar>

When sent to the printer, it will see the media is "print" and make
the menu invisable

I hope this helps. I do it on all of my web sites


Closed Thread


Similar Threads
Thread Thread Starter Forum Replies Last Post
ASP.NET Opening New Window with HTML Created During Run-Time frankiefrank answers 13 August 6th, 2009 04:38 PM
Starting University COSC and learning JAVA, advice please :D David Van D answers 1 February 4th, 2006 02:45 AM