Hall of Fame

1. Kravimir976,626
2. myderrick226,743
3. LZ1222,528
4. renazonse160,695
5. yessirnosir145,167
6. Steggs131,586
7. dachusa130,938
8. abel130,660
9. qwerty124,197
10. s8web117,721
11. therealteune113,185
12. jason1178106,348
13. locke_a99,925
14. glumlun95,840
15. level9wiz...92,784
16. amar31...79,840
17. mplungjan79,102
18. hankknight72,790
19. lharrispv68,063
20. mreuring67,911
21. flob965,920
22. selvol63,878
23. kadaba58,317
24. erikTsomik54,408
25. quincydude52,260

1. Kravimir1,701,435
2. VirusMinus1,496,602
3. Steggs1,370,076
4. GrandSch...1,081,204
5. seanpow...810,340
6. TName803,948
7. hielo666,664
8. Roonaan505,936
9. Eternal_S...444,661
10. scrathcyboy432,370
11. COBOLdi...415,775
12. mreuring404,498
13. yessirnosir269,237
14. oceanbeach264,232
15. GreenGho...232,879
16. Batalf232,544
17. myderrick226,743
18. LZ1224,028
19. mplungjan221,240
20. glumlun220,442
21. jason1178212,643
22. Zyloch210,215
23. GoofyDawg187,739
24. brunobear180,348
25. renazonse160,695

	[x] Posted via EE Mobile
	Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again.

Question

	[x] Attachment Details

[x]

The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

The Grade of the Solution
The Zone Rank of the Expert Providing the Solution
The Number of Author and Expert Comments
The Number of Experts Contributing
The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!

7.8

Using Print CSS not to display the javascript navigation menu

Asked by marcivry in Cascading Style Sheets (CSS), JavaScript

Tags: javascript, print, css, display, using

I have a site which I want to create a CSS for printing. I built the CSS but for some reason, the menu system will not disappear. When I use the print preview the navigation menu is still there. I ahve included the Print.css code and also a sample of the javascript that the menu is apart of, and then finally, some code from the html page. thanks.

/* =GENERAL STYLE
------------------------------------*/
body{
      margin:0px;
      background:#ffffff;
      font-family: Times, sans-serif;
      color:#000000;
      font-size: 12pt;
      height: 700px;
}
img{
      display:none;
      border:1px solid #3d3d3d;
}
img a{
      display:none;
      border:1px solid #3d3d3d;
}
a{
      font-weight:bold;
      text-decoration:underline;
      color:#0000ff;
}

p{
      padding:0px 10px 0px 10px;
}
li{
      list-style-image:url(../images/bullet.gif);
      padding: 2px 5px 2px 5px;
}

.content {
padding: 0px 10px 0px 10px;
vertical-align:top;
}

td.navbuttons a {
display: none;

}

td.navbuttons a:hover, td.navbuttons a:active {
display:none;

}

.fader a:hover
{
display:none;
}

blockquote
{
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
font-weight:bold;
}

/*      =STRUCTURE
------------------------------------*/
#container{
/*      width:955px;
      max-width:955px;*/
      display:none;
}

#holder{
display:none;
}

#header{
display:none;
}

#search{
display:none;
}
#l_col{
display:none;
}

#left_col{
display:none;
}

#menu{
display:none;
}

#subMenu{
display:none;
}

#c_col{
      width:775px;
      max-width:775px;
      float:left;
      left:180px;
      top:98px;
      background-color:#ffffff;
}

#footer{
display:none;
}
#slideshow{
display:none;
}

#fscroller{
display:none;
}
/* =NAVIGATION
------------------------------------*/
#1button0{
display:none;
}

#1button1{
display:none;
}

.grayRegion{
display:none;
}

.rcMenuStatic1{
display:none;
}

.rcMenuHover1{
display:none;
}

.rcSubMenuStatic1{
display:none;
}

.rcSubMenuHover1{
display:none;
}

/*      =FOOTER
------------------------------------*/
div .footerLinks {
display:none;
}

/*      =GLOBAL MENU
------------------------------------*/
.global{
display:none;
}
.global ul{
display:none;
}
.global li{
display:none;
}
.global a{
display:none;
}
.global a:hover{
display:none;
}

/*      =CENTER COLUMN
------------------------------------*/
.title{
      font-size: 14pt;
      font-family: Times, serif;
      font-weight:bold;
      color:#000000;
      text-transform:uppercase;
      margin:0px;
      padding:3px 0 3px 10px;
      background-color:#FFF;
}
.title a{
      text-decoration:underline;
      color:#0000ff;
}
.subTitle{
      font-size: 13pt;
      font-family: Times, serif;
      font-weight:bold;
      color:#000000;
      margin:0px;
      padding:4px 0px 4px 10px;
      background-color:#FFF;
}
.subTitle a{
      text-decoration:underline;
      color:#0000ff;
}
.halfSection{
      float:left;
      background-color:#ccc;
      width:276px;
      padding:10px;
}

table {
width:auto;
background:#FFFFFF;
color:#000000;
font-family:Times, serif;
font-size:12pt;
}

/*      =RIGHT COLUMN
------------------------------------*/
#r_col h1{
display:none;
}
#r_col p{
display:none;
}

JAVASCRIPT Page
// JavaScript Document



HTML Page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<meta http-equiv="Language" content="en-us"/>
<meta name="author" content="This site is managed by the U.S. Army Garrison Picatinny DOIM Office, New Jersey, USA." />
<meta name="Description" content="ProcNet" />
<meta name="Publisher" content="DOIM" />
<meta name="Webmaster" content="Marc Ivry" />
<meta name="Creation" content="30-Sept-2007" />
<meta name="keywords" content="Picatinny, ProcNet, US Army JM&L LCMC Acquisition Center, Procurement Network, JM&L, LCMC, Acquisition, solicitation download, bidders mailing list, Army Procurement" />
<link rel="shortcut icon" href="/images/acq_logo_small.ico" />

<meta http-equiv="Pragma" content="no-cache" />
<title>US Army JM&L LCMC Acquisition Center - Procurement Network</title>


<style type="text/css">

</style>







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

<script type="text/javascript" language="javascript" src="js/menu_content.js"></script>
<script type="text/javascript" language="javascript">

var navName = navigator.appName;

      if(navName.indexOf("Netscape") != -1) {
      alert("Your browser is not the US Army standard, it will not work on this site. Please use IE 5.5 or above.");
      }
      else if(navName.indexOf("Safari") != -1) {
      alert("Your browser is not the US Army standard, it will not work on this site. Please use IE 5.5 or above.");
      }
      else if(navName.indexOf("Firefox") != -1) {
      alert("Your browser is not the US Army standard, it will not work on this site. Please use IE 5.5 or above.");
      }
      else if(navName.indexOf("Mozilla") != -1) {
      alert("Your browser is not the US Army standard, it will not work on this site. Please use IE 5.5 or above.");
      }

</script>
</head>
<body>
<div id="container">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="700px">                        
<div id="header" style="width: 700px;">                              



 </div></td>
<td width="255px">

<div id="slideshow">
<script type="text/javascript" language="javascript" >

//Specify the slider's width (in pixels)
var sliderwidth="255px"
//Specify the slider's height
var sliderheight="110px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=2
//configure background color:
slidebgcolor="#c6c9b4"

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<img src="/images/slideshow/procnet_image1.jpg" border=0>'
leftrightslide[1]='<img src="/images/slideshow/procnet_image2.jpg" border=0>'
leftrightslide[2]='<img src="/images/slideshow/procnet_image5.jpg" border=0>'
leftrightslide[3]='<img src="/images/slideshow/procnet_image4.jpg" border=0>'
leftrightslide[4]='<img src="/images/slideshow/procnet_image7.jpg" border=0>'
leftrightslide[5]='<img src="/images/slideshow/procnet_image6.jpg" border=0>'
leftrightslide[6]='<img src="/images/slideshow/procnet_image8.jpg" border=0>'
leftrightslide[7]='<img src="/images/slideshow/procnet_image3.jpg" border=0>'
leftrightslide[8]='<img src="/images/slideshow/procnet_image9.jpg" border=0>'
leftrightslide[9]='<img src="/images/slideshow/procnet_image10.jpg" border=0>'
leftrightslide[10]='<img src="/images/slideshow/procnet_image11.jpg" border=0>'

//Specify gap between each image (use HTML):
var imagegap=""

//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=0

////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}

if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}

</script>
</div>
      </td>
</tr>
</table>



<div id="holder">                              
<div align="left" id="menu">

<div id="l_col">

<script type="text/javascript" language="javascript">showMenus(1,'Vertical')</script>






</div>

<div id="c_col">
      <div align="right"><a href="javascript:window.print()">Send To Printer</a>   </div>

      <h1 class="title">Welcome to ProcNet</h1>
      <br />

<script type="text/javascript">

/***********************************************
* Fading Scroller- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var delay = 2000; //set delay between message change (in miliseconds)
var maxsteps=30; // number of steps to take to change from start color to endcolor
var stepdelay=40; // time in miliseconds of a single step
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor= new Array(255,255,255); // start color (red, green, blue)
var endcolor=new Array(0,0,0); // end color (red, green, blue)

var fcontent=new Array();
begintag='<div style="text-align: center; font: bold 12px Arial; padding: 5px;">'; //set opening tag, such as font declarations
fcontent[0]="<b>What\'s new?</b> with ProcNet. <a class='fader' href='index.htm'>Click here to visit</a>";
fcontent[1]="<a class='fader' href='http://procnet.pica.army.mil/FutureBuy/FutureBuy.pdf'>Future Buy (FY08 Projections)</a>";
fcontent[2]="<a class='fader' href='bml.htm'>Bidder\'s Mailing List</a>";
closetag='</div>';

var fwidth='750px'; //set scroller width
var fheight='25px'; //set scroller height

var fadelinks=1; //should links inside scroller content also fade like text? 0 for no, 1 for yes.

///No need to edit below this line/////////////////

var ie4=document.all&&!document.getElementById;
var DOM2=document.getElementById;
var faderdelay=0;
var index=0;

/*Rafael Raposo edited function*/
//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")"
document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
if (fadelinks)
linkcolorchange(1);
colorfade(1, 15);
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag;
index++
}

// colorfade() partially by Marcio Galli for Netscape Communications. ////////////
// Modified by Dynamicdrive.com

function linkcolorchange(step){
var obj=document.getElementById("fscroller").getElementsByTagName("A");
if (obj.length>0){
for (i=0;i<obj.length;i++)
obj[i].style.color=getstepcolor(step);
}
}

/*Rafael Raposo edited function*/
var fadecounter;
function colorfade(step) {
if(step<=maxsteps) {
document.getElementById("fscroller").style.color=getstepcolor(step);
if (fadelinks)
linkcolorchange(step);
step++;
fadecounter=setTimeout("colorfade("+step+")",stepdelay);
}else{
clearTimeout(fadecounter);
document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")";
setTimeout("changecontent()", delay);

}
}

/*Rafael Raposo's new function*/
function getstepcolor(step) {
var diff
var newcolor=new Array(3);
for(var i=0;i<3;i++) {
diff = (startcolor[i]-endcolor[i]);
if(diff > 0) {
newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step);
} else {
newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step);
}
}
return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
}

if (ie4||DOM2)
document.write('<div id="fscroller" style="border:0px; width:'+fwidth+';height:'+fheight+'"></div>');

if (window.addEventListener)
window.addEventListener("load", changecontent, false)
else if (window.attachEvent)
window.attachEvent("onload", changecontent)
else if (document.getElementById)
window.onload=changecontent

</script>
<table width="100%" border="0">
<tr>
<td width="50%" valign="top"><div class="content">The Procurement Network (<b>ProcNet</b>) is JM&L LCMC Acquisition Center Electronic
Commerce Home Page on the World Wide Web (<b>WWW</b>) for unclassified procurement actions, generally over $100,000. Procnet includes digitized forms and
drawings that can be accessed and downloaded by interested contractors. To date, it has been well
received by Industry with many congratulations for being at the leading the edge of
electronic commerce technology. <a href="intro/tools.htm">Tools (hardware and software)</a>
needed to access ProcNet or surf other WWW sites are also identified. ProcNet can be
accessed via the WWW using the following address: <b>http://procnet.pica.army.mil</b></div></td>
<td width="50%"><b>WHAT IS PROCNET?</b>

<ul>
<li><b>Introduction: </b></li>
<li>ProcNet stands for Procurement Information Network.
It is a World Wide Web (WWW) server for electronic Commerce (EC) on the Internet.</li>
</ul>

<ul>
<li><b>Goals:</b></li>
<li>Enhance information sharing.</li>
<li>Provide linkages with other sites (government/private industries,
colleges/universities, research laboratories.)</li>
<li>Reduce procurement cycle time.</li>
<li>Contributes to a paperless office.</li>
</ul></td>
</tr>
</table>


                  <h1 class="subTitle">ProcNet Links</h1>
                  <br /><br />

            <table width="78%" border="0" align="center">
<tr>
<td class="navbuttons"><a href="/dbi/DynCBD/ProcNetsolicitation.cfm" title="Solicitations Download">Solicitations Download</a></td>
<td class="navbuttons"><a href="/dbi/Search.htm" title="Solicitation Search">Solicitation Search</a></td>
<td class="navbuttons"><a href="/dbi/DynCBD/ProcNetSourcesSought.cfm" title="Sources Sought">Sources Sought</a></td>
<td class="navbuttons"><a href="/intro/Submitrf.htm" title="Submit Bids/Proposals">Submit Bids/Proposals</a></td>
<td class="navbuttons"><a href="http://www.fbo.gov" title="Fed Biz Ops">Fed Biz Ops</a></td>
</tr>
<tr>
<td class="navbuttons"><a href="/bml.htm" title="Bidders Mail Lists">Bidders Mail Lists</a></td>
       <td class="navbuttons"><a href="/dbi/DynCBD/ProcNetaward.cfm" title="Contract Awards Download">Contract Awards Download</a></td>
<td class="navbuttons"><a href="/dbi/Search.htm" title="Contract Search">Contract Search</a></td>
<td class="navbuttons"><a href="http://www.ccr.gov" title="CCR Registration">CCR Registration</a></td>
<td class="navbuttons"><a href="https://acquisition.army.mil/asfi" title="Army Single Face to Industry (ASFI)">Army Single Face to Industry (ASFI)</a></td>
</tr>
<tr>
<td class="navbuttons"><a href="https://wawf.eb.mil/" title="Wide Area Work Flow (WAWF)">Wide Area Work Flow (WAWF)</a></td>
<td class="navbuttons"><a href="http://eda.ogden.disa.mil/eda_main.htm" title="Electronic Document Access (EDA)">Electronic Document Access (EDA)</a></td>
<td class="navbuttons"><a href="https://www.fpds.gov" title="Federal Procurement Data System (FPDS-NG)">Federal Procurement Data System</a></td>
<td class="navbuttons"><a href="http://www.pica.army.mil/smallbusinessprogram/" title="Small Business Office">Small Business Office</a></td>
<td class="navbuttons"><a href="/intro/FAQ.htm" title="Important FAQs">Important FAQs</a></td>
</tr>
<tr>
<td class="navbuttons"><a href="/intro/PAC Org chart rev 1.ppt" title="Our Organization">Our Organization</a></td>
<td class="navbuttons"><a href="http://contracting.tacom.army.mil/userguide.htm" title="Future Opportunities">Future Opportunities</a></td>
<td class="navbuttons"><a href="#" title="Competition Advocate">Competition Advocate</a></td>
<td class="navbuttons"><a href="/intro/intro.htm" title="PROCNET Intro">PROCNET Intro</a></td>
<td class="navbuttons"><a href="https://cpolwapp.belvoir.army.mil/public/vabSelfNom/index.jsp" title="PROCNET Intro">Employment Opportunity</a></td>
</tr>
</table>
<p></p>

       <table width="100%" border="0">
<tr>
<td width="50%" class="content"><A href="/survey/customer_survey.htm">Take the Customer Survey for Contractors</a></td>
<td width="50%" class="content">If you are a Government Agency and would like to use ProcNet to upload your solicitations,
please contact our <a href="mailto:procnet@pica.army.mil">ProcNet Team</a> to get registered. Thanks for visiting our site.</td>
</tr>
</table>

<p><span class="style1">WARNING:</span> Do NOT use ProcNet for any information or data that is Classified, Military Critical, Sensitive, Privacy Act, Copyrighted, or otherwise restrictive in nature.</p>

            <div class="grayRegion">
                              <div class="subTitle">For our visitors with disabilities</div>
<div class="content">we have endeavored to make this site usable by persons with disabilities,
however if we have failed or you see an area for improvement please send
your comments to <A HREF="MAILTO:procnet@pica.army.mil">procnet@pica.army.mil</A>.
<BR>...Thank you</div>
            </div>
</div>

<div id="footer">                              



      




      <div class="footerLinks" id="container">
      <table width="100%" border="0">
<tr>
<td><a href="http://www.cast.org/bobby"><img src="/images/BobbyApproved.gif" /></a></td>
<td><ul>
                  <li><a href="/index.htm" id="fscroller">Procnet Home</a></li>
                                    <li><a href="http://www.pica.army.mil/PicatinnyPublic/index.asp">Picatinny Home</a></li>
                  <li><a href="/intro/FAQ.htm">FAQ's</a></li>
                  <li><a href="mailto:procnet@pica.army.mil">Contact Webmaster</a></li>
                  <li style="vertical-align:bottom;"></li>
            </ul></td>
</tr>
</table>
</div>

</div>

</div>


</div>
</div>
</body>
</html>

View the Solution FREE for 30 Days

20091021-EE-VQP-81 / EE_QW_2_20070628

Using Print CSS not to display the javascript navigation menu

Asked by marcivry in Cascading Style Sheets (CSS), JavaScript

Tags: javascript, print, css, display, using

About this solution