Hi,
I am trying to use CSS to print, but i am using a scroll function which hides and unhides part of the page. When I print, all that comes out is what is displayed,rather than what is included in the “printx” class. Cant figure this one out at all!!!!!
Here is the CSS ( print.css)
[CODE]body {visibility:hidden;}
.printx {visibility:visible;}
#mynight-out-scroll {visibility:visible;}
#div_scroll1 {visibility:visible;}
and here is the page
[CODE]<!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=iso-8859-1″ />
<title>Demo</title>
<link rel=”stylesheet” type=”text/css” href=”style.css” />
<!–[if IE 7]><link rel=”stylesheet” type=”text/css” href=”ie7.css” /><![endif]–>
<!–[if IE 6]><link rel=”stylesheet” type=”text/css” href=”ie6.css” /><![endif]–>
<!–[if !IE]>–>
<!–<![endif]–>
<link rel=”stylesheet” href=”print.css” type=”text/css” media=”print” />
<!–
link type=”image/gif” href=”image/favicon_animated.gif” rel=”icon”
–>
<script language=”JavaScript” type=”text/javascript”>
function TextScroll(scrollname, div_name, up_name, down_name)
{
this.div_name = div_name;
this.name = scrollname;
this.scrollCursor = 0;
this.speed = 5;
this.timeoutID = 0;
this.div_obj = null;
this.up_name = up_name;
this.dn_name = down_name;
{
if (document.getElementById) {
div_obj = document.getElementById(this.div_name);
if (div_obj) {
this.div_obj = div_obj;
this.div_obj.style.overflow = ‘hidden’;
}
div_up_obj = document.getElementById(this.up_name);
div_dn_obj = document.getElementById(this.dn_name);
if (div_up_obj && div_dn_obj) {
div_up_obj.onmouseover = function () { window[scrollname].scrollUp(); };
div_up_obj.onmouseout = function () { window[scrollname].stopScroll(); };
div_dn_obj.onmouseover = function () { window[scrollname].scrollDown(); };
div_dn_obj.onmouseout = function () { window[scrollname].stopScroll(); }; }
}
}
this.stopScroll = function() {
clearTimeout(this.timeoutID);
}
this.scrollUp = function() {
if (this.div_obj) {
this.scrollCursor = (this.scrollCursor – this.speed) < 0 ? 0 : this.scrollCursor – this.speed;
this.div_obj.scrollTop = this.scrollCursor;
this.timeoutID = setTimeout(this.name + “.scrollUp()”, 60);
}
}
this.scrollDown = function() {
if (this.div_obj) {
this.scrollCursor += this.speed;
this.div_obj.scrollTop = this.scrollCursor;
this.timeoutID = setTimeout(this.name + “.scrollDown()”, 60);
}
}
this.resetScroll = function() {
if (this.div_obj) {
this.div_obj.scrollTop = 0;
this.scrollCursor = 0;
}
}
}
</script>
</head>
<body>
<div class=”DialogContainer” id=”DialogContainer”>
<div class=”DialogTitleContainer”>
<div class=”menu_details”>
<!– header section staet here –>
<div id=”header”>
<div class=”clr-over”><div id=”logo2″></div>
<div class=”menu_detaols_header1″>
<div class=”printx”>Menu</div></div>
<div class=”close_link_right” style = “cursor:pointer;” onClick=”self.parent.tb_remove();”><!– –>Close</div>
</div>
<!– LINK SECTION –>
<div class=”menu_link_nav”>
<ul>
<li><a href=”details.php”><span>Details</span></a></li>
<li class=”detais”><a href=”menu.php” class=”menu-active”><span>Menus</span></a> </li>
<li><a href=”photos.php”><span>News & Photos</span></a> </li>
</ul>
</div>
<!– LINK SECTION END –>
<div class=”sttings”><!– <a href=”#”>Settings</a> | <a href=”#”>My Account</a> | <a href=”#”>Help</a> –></div>
<div class=”line_color_menu”><a href=”menu.php?mid=3546″>Restaurant Menu</a></div>
<!–content start–>
<div id=”main_menu_contner1″>
<div class=”print”><img src=”image/print.jpg” width=”16″ height=”14″ alt=”” /> <span class=”printtext”><a href=”#” class=”printtext” onclick=”window.print();return false;”>Print Menu</a></span></div>
<div>
<div class=”float”>
<div class=”starter”><div class=”float”><img src=”image/left-cor-grey.jpg” width=”12″ height=”28″ alt=”” /></div>Starters</div>
<div class=”description”>Menu Details </div>
<div class=”price”>Price €</div>
</div>
<div class=”float”><img src=”image/right-cor-grey.jpg” width=”30″ height=”28″ alt=”” /></div>
</div>
<div class=”clear”></div>
<div class=”cor-grey-bg”><!– –></div>
<div>
<!– left navigation start –>
<div class=”navigation”>
<div class=”blue”><a href=”menu.php?cid=20677?mid=3546″ class=”blue”>Soups</a></div>
<div class=”blue”><a href=”menu.php?cid=20668?mid=3546″ class=”blue”>Curry Dishes</a></div>
<div class=”blue”><a href=”menu.php?cid=20672?mid=3546″ class=”blue”>Seafood Dishes</a></div>
<div class=”blue”><a href=”menu.php?cid=20670?mid=3546″ class=”blue”>Meat Dishes</a></div>
<div class=”blue”><a href=”menu.php?cid=20671?mid=3546″ class=”blue”>Poultry</a></div>
</div>
<!– left navigation end –>
<!– middle content start –>
<div class=”printx”>
<div class=”content”>
<div id=’mynight-out-scroll’>
<div class=”descriptionwidth”>
<span class=”contentspan”>Vegetarian Spring Rolls</span><span class=”contentspanp”>6.00</span><br><span class=”contentspan”>Spring Rolls</span><span class=”contentspanp”>6.50</span><br><span class=”contentspan”>Spare Ribs with Spicy Fruity Sauce</span><span class=”contentspanp”>8.00</span><br><span class=”contentspan”>Bar-B-Q Spare Ribs</span><span class=”contentspanp”>8.00</span><br><span class=”contentspan”>Salt and Chilli Spare Ribs</span><span class=”contentspanp”>8.00</span><br><span class=”contentspan”>Deep Fried Crispy Prawns</span><span class=”contentspanp”>8.50</span><br><span class=”contentspan”>Crispy Jumbo Prawn Rolls (with Cheese)</span><span class=”contentspanp”>8.50</span><br><span class=”contentspan”>Thai Fish Cake</span><span class=”contentspanp”>8.50</span><br><span class=”contentspan”>Salt & Chilli Crab Claws</span><span class=”contentspanp”>8.50</span><br><span class=”contentspan”>Salt and Chilli King Prawns</span><span class=”contentspanp”>8.50</span><br><span class=”contentspan”>Tempura Prawn</span><span class=”contentspanp”>8.50</span><br><span class=”contentspan”>Crispy Prawn Dumplings</span><span class=”contentspanp”>8.50</span><br><span class=”contentspan”>Deep Fried Crispy Chicken Rolls with Cheese</span><span class=”contentspanp”>8.00</span><br><span class=”contentspan”>Chicken Satay on Skewers</span><span class=”contentspanp”>8.00</span><br><span class=”contentspan”>Grilled Scallops on Skewers (Spicy)</span><span class=”contentspanp”>8.50</span><br><span class=”contentspan”>Salt & Chilli Chicken Wings</span><span class=”contentspanp”>7.00</span><br><span class=”contentspan”>Fillet Beef Rolls</span><span class=”contentspanp”>8.50</span><br><span class=”contentspan”>Pan Fried Meat Dumplings</span><span class=”contentspanp”>8.00</span><br><span class=”contentspan”>Deep Fried Shredded Duck Rolls</span><span class=”contentspanp”>8.00</span><br><span class=”contentspan”>Crab Meat Salad on Crispy Cup</span><span class=”contentspanp”>8.50</span><br><span class=”contentspan”>Grilled Aromatic Lamb</span><span class=”contentspanp”>8.00</span><br><span class=”contentspan”>Pork Yuk Sung (Spicy or Ordinary)</span><span class=”contentspanp”>8.00</span><br><span class=”contentspan”>Chicken Yuk Sung (Spicy or Ordinary)</span><span class=”contentspanp”>8.00</span><br><span class=”contentspan”>Prawn Yuk Sung (Spicy or Ordinary)</span><span class=”contentspanp”>8.50</span><br><span class=”contentspan”>Combination Platter for 2 persons</span><span class=”contentspanp”>18.00</span><br><span class=”contentspan”>Aromatic Duck for 2 persons</span><span class=”contentspanp”>28.00</span><br> </div>
</div>
</div>
<div id=”custom-scrollup” ><!– –></div>
<div id=”custom-scroll”><!– –></div>
<div id=”custom-scrolldown” ><!– –></div>
</div>
<!– middle content end –>
<div class=”clear”><!– –></div>
<div class=”menu-footer”>
<div class=”float”><img src=”image/bot-left-cor.jpg” width=”31″ height=”28″ alt=”” /></div>
<div class=”bottombg”><!– –></div>
<div class=”float”><img src=”image/bot-right-cor.jpg” width=”31″ height=”28″ alt=”” /></div>
</div>
</div>
</div>
<!– content end –>
</div>
</div>
</div>
</div>
</body>
<script type=”text/javascript”>
var div_scroll1 = new TextScroll(‘div_scroll1’, ‘mynight-out-scroll’, ‘custom-scrollup’, ‘custom-scrolldown’);
</script>
</html>