stampa pagina web

**carmine81** · 26-06-2006, 20:20

ciao a tutti,
avrei bisogno di stampare una pagina web senza il layout...quindi ho pensato di prendere la parte di testo e mettermelo nel div di un altra pagina dove avrò questo:

<body onload="self.print(); self.close();" />

però io non vorrei farla vedere la pagina nuova...quel self.close(); mi chiede addirittura la conferma per la chiusura di pagina....

....come devo fare????

grazie in anticipo!!!

**fcaldera** · 26-06-2006, 21:04

perchè scomodare javascript quando puoi benissimo usare un foglio di stile (CSS) per la stampa? Se decidi per questa soluzione fai spostare il thread su CSS

**carmine81** · 26-06-2006, 21:22

Ciao, sinceramente non ho la più pallida idea per come fare con i CSS ma se è la soluzione più rapida preferisco far spostare il thread....ci pnsi tu visto che sei un moderatore??? non conosco la procedura...

**fcaldera** · 26-06-2006, 21:46

sotto ogni post c'è un link..." segnala la discussione ad un moderatore"... e i moderatori del forum provvederanno a spostarti.

Nel frattempo ti spiego la procedura:

1) nell'header della pagina aggiungi una riga

codice:

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

2)
Supponiamo tu voglia stampare solo una parte della pagina ad esempio tutto cio che si trova
in un div che ha id="testo" (assegna un id agli elementi che vuoi rendere stampabili)

Crea un file che si chiama print.css, mettilo nella stessa cartella del file html e scrivici dentro

codice:

* {
  display: none;
}

#testo {
  display : block;
  width   : 165mm;
}

Ora se ricarichi il file html puoi vedere dall'anteprima di stampa che solo tutto ciò che si trova all'interno del div id="testo" è stampato

-Fab-

**carmine81** · 26-06-2006, 23:07

fcaldera grazie, sei stato chiarissimo....però ho un problemino, io ho una struttura del codice html così fatta:

[...]

<div id="nonStamparlo">
<table>
[...]
<table>
[...]
<div id="stampalo">
<table>
[...]
</table>
</div>
</table>
</table>

se metto nel .css questo:

body { background: white; font-size: 11pt; }
* { display: none;}
div#stampalo{display:block;}

non mi visualizza nella stampa niente perchè il div "stampalo" credo sia all'interno di un altro div che a sua volta è all'interno di un terzo div.......come posso fare per dirgli di stamparmi soltanto il div "stampalo"????????

Grazie 1000,
Ciao.

**fcaldera** · 26-06-2006, 23:18

ragiona al contrario

anzichè dire esplicitamente cosa vuoi stampare scrivi cosa _non_ vuoi stampare:

ad es:

codice:

#nonStamparlo, #altrobloccodanonstampare, #altrobloccodanonstampare2 {
  display: none;
}

**carmine81** · 26-06-2006, 23:26

quindi intendi dire che il div "A" pur trovandosi all'interno del din "B".......se nel .css io specifico di non stampare il div "B" ho risolto....provo subitooo...grazie

**carmine81** · 26-06-2006, 23:37

fcaldera non funzica

facendo riferimento a questo:

codice:

<div id="nonStamparlo">
<table>
[...]
<table>
[...]
<div id="stampalo"> 
<table>
[...]
</table>
</div>
</table>
</table>

nel .css ho messo:

codice:

body 
{
	background: white;
	font-size: 11pt;
}

div#all {
  display: none;
}

div#prova{display:block;}

però in anteprima di stampa non mi visualizza nulla oltre all'url della pagina.....purtroppo non posso spostare il div che devo stampare (contiene il testo).

**fcaldera** · 26-06-2006, 23:47

intanto prova cambiare il codice nell'head con questo (è più corretto)

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

Se poi ancora non va posta il codice completo della pagina

**carmine81** · 27-06-2006, 00:05

purtroppo ancora non funge, posto il codice della pagina considera al posto delle diverse "label" carico dinamicamente da lato server codice html da database ... quello che vorrei stampare è il contenuto della sola "label5"......

codice:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="insSite.aspx.cs" Inherits="KeyDesign" %>

<!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 runat="server">
    <title>Seves</title>
    
    
    <link rel="stylesheet" type = "text/css" href= "Style/sev.css"/>
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
    <link href="Style/stmp.css" rel="stylesheet" media="print" type="text/css" />


<link rel="stylesheet" type = "text/css" href="Style/treemenu.css"/>
<script language="JavaScript1.2" type="text/javascript" src="include/treemenu.js"></script>

    
</head>
<body>
    <form id="form1" runat="server">
   <table border="0" cellspacing="0" cellpadding="0" width="892" class="bodyD">
		
		<tr>
			<td valign="top">[img]images/marchio.jpg[/img]
			</td>
			<td>
				<table width="817" border="0" cellpadding="0" cellspacing="0" class="bodyC">
					<tr>
					    <td colspan="3" style="height: 45px;">
<table border="0" cellspacing="0" cellpadding="0" width="817" style="height: 45px;"> 
<tr><td style="width: 617px; height: 45px; padding: 0px; border-width:0px; background-image:url(images/barra_1_it.png);"></td> 
<td style="background-image:url(images/barra_2.png); width: 200px; height: 45px; padding: 0px; border-width:0px; text-align: center; vertical-align: middle; margin-top:15;">
	<form style="display: inline; vertical-align:middle" action="prove.aspx" method="get"><input type="hidden" name="lang" 
	value="it"/><input style="font-family: Arial; font-size: 12px;" size="12" type="text" value="Ricerca per" name="search"/><input type="image" src="images/search_btn_it.png" /></form> 
</td></tr> 
</table></td>
					</tr>
					<tr>
						<td style="height:18px; width:817px" colspan="3">
						<asp:Label ID="Label1" runat="server" Text=""></asp:Label>
							
						</td>
					</tr>
					<tr>
					    <td colspan="3" height="5">[img]images/dotbar.gif[/img]</td>
					</tr>
					
					<tr>
					    <td colspan="3" style="border:9px" height="40" bordercolor="#800000">
					        <asp:Label ID="Label4" runat="server"></asp:Label>
					    </td>
					</tr>
					<tr>
						<td height="24" width="12">	</td>
						<asp:Label ID="Label7" runat="server"></asp:Label></tr>
					<tr>
						<td valign="top" height="250">
							<table height="350" width="220">
		
	                <tr>
		                <td style="font-size:10px;width:220px;" valign="top">
                            <asp:Label ID="Label2" runat="server"></asp:Label>
 		                </td>
	                </tr>	
				<tr>																														
								<td valign="top" style="padding-top:30px; ">
								    <asp:Label ID="Label6" runat="server"></asp:Label></td>
								</tr>
							</table>	
						 </td>
							
						<td width="580" valign="top">	
								<div id="stampalo">


						
								<table width="530" border="0" cellspacing="0" cellpadding="0" align="center">
                                    <asp:Label ID="Label5" runat="server"></asp:Label>
                                   


						     </table>
						     </div>
						</td>
						
						<td class="rbar" style="width: 100px">
							<div align="right">
							</div>
						</td>
					</tr>
					<tr>
						<td height="20">	
						</td>
						<td align="right" valign="bottom" style="font-family:verdana; font-size:11px; color:#D66600; text-decoration: underline; padding-bottom: 10px;">	Go to top
						</td>
						<td style="width: 100px">	
						</td>
					</TR>
				</table>
				
				<tr>
			             <td colspan="2" align="right" style="height: 19px">	
                            <asp:Label ID="Label3" runat="server"></asp:Label>
                        </td>
		        </tr>
		        
		
		        </table>
    </form>
</body>
</html>

Ciao e grazie

Discussione: stampa pagina web

Strumenti discussione

Ricerca discussione

Visualizza

stampa pagina web

Permessi di invio