Stampare con Javascript

[soleandmare]

Vorrei stampare la parte interna contenuta in una cella di una pagina web con un comando javascript.

Dato che i contenuti da stampare sono contenuti all'interno di una cella insieme ad altre informazioni che non devono essere stampate, vorrei mettere nelle pagine due blocchi che comunicano al javascript che deve essere stampato tutto quello contenuto al suo interno.


SoleAndMare.

[morphy79]

devi nascondere la celle che non vuoi far vedere, lanciare la stampa e far riapparire le celle, ti posto un esempio :

 
<script language="javascript">

  function stampa() {
     //Nasconde le celle indesiderate
        document.getElementById("intestazione").style.display = "None";
     //Lancia la funzione di stampa
        window.print();
     //Ripristina l'impostazione iniziale delle celle indesiderate
        document.getElementById("intestazione").style.display = "";
  }

</script>


<table border="0" cellpadding="0" cellspacing="0" width="600">
  	<tr id="intestazione"> 
    	<td colspan="5" width="600" align="left" height="50" valign="top">
			<input type="image"  
			src="../Images/stampa_01.gif"
			onMouseOver="this.src='../Images/stampa_01-sopra.gif'"
			onMouseOut="this.src='../Images/stampa_01.gif'"
			valign="bottom" 
			onClick="stampa()">
    	</td>
  	</tr>
	<tr> 
    	<td colspan="5" width="600" align="center" height="34"> 
    		<div class="titolo">Turno diurno continuato feriale e festivo dalle ore 8:30 alle ore 20:00 nell'ordine seguente:</div>
    	</td>
  	</tr>
  	<tr> 
    	<td colspan="5" width="600" align="center" height="30"></td>
  	</tr>
</table>

ciauz

[soleandmare]

Originariamente inviato da morphy79
devi nascondere la celle che non vuoi far vedere, lanciare la stampa e far riapparire le celle, ti posto un esempio :

 
<script language="javascript">

  function stampa() {
     //Nasconde le celle indesiderate
        document.getElementById("intestazione").style.display = "None";
     //Lancia la funzione di stampa
        window.print();
     //Ripristina l'impostazione iniziale delle celle indesiderate
        document.getElementById("intestazione").style.display = "";
  }

</script>


<table border="0" cellpadding="0" cellspacing="0" width="600">
  	<tr id="intestazione"> 
    	<td colspan="5" width="600" align="left" height="50" valign="top">
			<input type="image"  
			src="../Images/stampa_01.gif"
			onMouseOver="this.src='../Images/stampa_01-sopra.gif'"
			onMouseOut="this.src='../Images/stampa_01.gif'"
			valign="bottom" 
			onClick="stampa()">
    	</td>
  	</tr>
	<tr> 
    	<td colspan="5" width="600" align="center" height="34"> 
    		<div class="titolo">Turno diurno continuato feriale e festivo dalle ore 8:30 alle ore 20:00 nell'ordine seguente:</div>
    	</td>
  	</tr>
  	<tr> 
    	<td colspan="5" width="600" align="center" height="30"></td>
  	</tr>
</table>

ciauz

Grazie ma se voglio inserire il comando di stampa per stampare il contenuto di una cella che non è contenuta dove c'è l'immagine del comando di stampa cosa devo fare?

Grazie ancora,
Sole and mare

[br1]

E' uguale... la posizione del pulsante e' inifluente utilizzando quello script.

Comunque, a mio modesto parere, si puo' fate tutto con i CSS senza scomodare il javascript

ciao

[Mich_]

Morphy ha proposto una soluzione con JS, ma la cosa si puo` risolvere moooollto piu` semplicemente con i CSS.

Devi fare due CSS, uno per la visualizzazione ed un altro per la stampa.
In quest'ultimo dovrai mettere l'attributo media="print" nel tag <link>, e dovrai assegnare
dispaly:none;
a tutti i <div> che non vuoi appaiano nella stampa.