Re: [IUG] solution for Printing in IE

["Rezes, Gerald \(LLU\)" <grezes at llu dot edu>]

Hello All,

I like Fei solution here in splitting the special IE CSS between screen
and print media.  This is a novel solution that had not occurred to me.
What I did to help resolve the IE vs. FireFox print view solution is
similar.

First, I figured out that FireFox was honoring the printVer.css file
when it came time to actually print from the preview screen and IE was
ignoring this style sheet and using its ie_styles.css when it came time
to print. So, I copied the entire printVer.css contents and place them
in a @media print {} section at the end of ie_style.css. The drawback I
discussed on the listserv is that the @media print {} section now
controls all printing in IE and not just the print preview screen.  I
can probably add a @media print {} section to the main styles.css to
make a better match for all browsers but I have not bothered to do this
yet.   

Then it was brought to my attention that some of our users didn't want
to click the print view link and choose to use the browser's print
button and live with the extra formatting.  However, in IE the call
number and location section was not printing.  This was due to my @media
print {} section in ie_style.css. I then changed the #copySection from
display:none to display:block to display the call numbers once again.  I
have also modified the @media print {} section to make the logo visible
on the printouts.

These modifications are in place on our live server:
http://catalog.llu.edu/

-Gerald Rezes, Library Systems Administrator
Loma Linda University


-----Original Message-----
From: Yu, Fei [mailto:yufei at einetwork dot net] 
Sent: Wednesday, September 05, 2007 8:47 AM
To: Rezes, Gerald (LLU); iglesiaseg at mail dot ccsu dot edu
Cc: FoxLJ at umkc dot edu; boggs at ups dot edu; mbennett at cwmars dot org
Subject: solution for Printing in IE 

Hi all,
I read your posts on IUG list, but when I tried to respond, I could not
post my response to the list. So, I had to find your each emails and get
back to you in this way. Hope my response helps!

Here is how I solved the printing problem in IE by following the
instruction from an III trainer. She instructed me to edit
"INSERTTAG_INHEAD wwwoption" and then this problem went away. In
addition, I got rid of the top and bottom logos in the print version.
Please see the following details. 

First of all, here was the problem I initially reported: In both IE and
Firefox, after you get a bib record and click Print Version, the system
will return you with an HTML page of a full bib record along with the
item location. However, the difference appears when you click Print
Preview in the browser's File (That's what most people do when they try
to print): In Firefox, the print version is the full bib record as shown
on the screen; In IE, the print version is the previous bib display
screen which has copy Status/More Details etc., not the HTML page of the
full bib record along with the item location. After you print out the
bib records in both IE and Firefox, the print version is different in
both browsers just as you can see on Print Preview. I tried on III
training Web site and the same thing happens to them,
http://xtrain.iii.com/

Here is the trainer's suggestion: to edit INSERTTAG_INHEAD wwwoption:
(the following is the example she tried on III web opac)

<script type="text/javascript"
src="/screens/bibdisplay.js"></script><script type="text/javascript"
src="/screens/brief.js"></script><!--[if lte IE 8]><link
rel="stylesheet" media="screen" type="text/css"
href="/screens/ie_styles.css" /><link rel="stylesheet" media="print"
type="text/css" href="/screens/printVer.css" /><![endif]-->

You may need to alter this slightly for your WebPAC, but basically what
she did was change the media statement in the IE reference. She changed
<link rel="stylesheet" media="all" type="text/css"
href="/screens/ie_styles.css" /> to this: 

<link rel="stylesheet" media="screen" type="text/css"
href="/screens/ie_styles.css" />

and added this:

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

Second, if you do not want the print version to carry top and bottom
logos, just to insert <div id="printVanish" > to the top and bottom logo
tokens in your bib_display.html. For example:

<div id="printVanish" >
<!--{toplogo}-->
</div>

And then, in your printVer.css, add this 
#printVanish {display:none}

You can check the print version in our training server at
http://iiitraining.einetwork.net/search/

Hope my response helps!

Fei
Fei Yu
ILS Application Specialist
eiNetwork
412.622.3177 Voice
412.622.3197 Fax