Stampa solo di alcuni DIV

**dwb** · 27-11-2019, 10:56

Avrei la necessità di stampare, all'interno di una pagina, solo di determinati DIV, appartenenti ad uno stesso gruppo. Ecco un esempio:

codice:

<div class="box" id="Div_OLTRE_SoundWoodGrain9002" runat="server"><asp:RadioButton ID="OLTRE_SoundWoodGrain9002" GroupName="Superficie" runat="server"   /><span runat="server"><span class="img" ><img src="Oltre/Superfici/SOUND_WOODGRAIN/SOUND_WOODGRAIN_9002.png" alt=""></span>9002</span><div class="image-box"><img src="Oltre/Superfici/SOUND_WOODGRAIN/SOUND_WOODGRAIN_9002.png" alt=""></div></div>		
	


	
<div class="box" id="Div_OLTRE_SoundWoodGrain9006" runat="server"><asp:RadioButton ID="OLTRE_SoundWoodGrain9006" GroupName="Superficie" runat="server"   /><span runat="server"><span class="img" ><img src="Oltre/Superfici/SOUND_WOODGRAIN/SOUND_WOODGRAIN_9006.png" alt=""></span>9006</span><div class="image-box"><img src="Oltre/Superfici/SOUND_WOODGRAIN/SOUND_WOODGRAIN_9006.png" alt=""></div></div>		
	


	
<div class="box" id="Div_OLTRE_SoundWoodGrain9016" runat="server"><asp:RadioButton ID="OLTRE_SoundWoodGrain9016" GroupName="Superficie" runat="server"   /><span runat="server"><span class="img" ><img src="Oltre/Superfici/SOUND_WOODGRAIN/SOUND_WOODGRAIN_9016.png" alt=""></span>9016</span><div class="image-box"><img src="Oltre/Superfici/SOUND_WOODGRAIN/SOUND_WOODGRAIN_9016.png" alt=""></div></div>

Devo stampare a SOLO i DIV selezionati, e non tutti. Provando in questo modo, mi stampa tutto:

codice:

function printDiv() 
{

  var divToPrint=document.getElementById('DivIdToPrint');

  var newWin=window.open('','Print-Window');

  newWin.document.open();

  newWin.document.write('<html><body onload="window.print()">'+divToPrint.innerHTML+'</body></html>');

  newWin.document.close();

  setTimeout(function(){newWin.close();},10);

}

**djciko** · 27-11-2019, 12:18

questa funziona, dalla preview di stampa vedo solo il div passato (02). Come lo passi l'ID ?

codice:

<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script>
        function printDiv() {
           
            var divToPrint = document.getElementById('Div_OLTRE_SoundWoodGrain9002');


            var newWin = window.open('', 'Print-Window');


            newWin.document.open();


            newWin.document.write('<html><body onload="window.print()">' + divToPrint.innerHTML + '</body></html>');


            newWin.document.close();


            setTimeout(function () { newWin.close(); }, 10);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <div class="box" id="Div_OLTRE_SoundWoodGrain9002" runat="server">
                <asp:RadioButton ID="OLTRE_SoundWoodGrain9002" GroupName="Superficie" runat="server" /><span runat="server"><span class="img"><img src="Oltre/Superfici/SOUND_WOODGRAIN/SOUND_WOODGRAIN_9002.png" alt=""></span>9002</span><div class="image-box">
                    <img src="Oltre/Superfici/SOUND_WOODGRAIN/SOUND_WOODGRAIN_9002.png" alt="" /></div>
            </div>




            <div class="box" id="Div_OLTRE_SoundWoodGrain9006" runat="server">
                <asp:RadioButton ID="OLTRE_SoundWoodGrain9006" GroupName="Superficie" runat="server" /><span runat="server"><span class="img"><img src="Oltre/Superfici/SOUND_WOODGRAIN/SOUND_WOODGRAIN_9006.png" alt=""></span>9006</span><div class="image-box">
                    <img src="Oltre/Superfici/SOUND_WOODGRAIN/SOUND_WOODGRAIN_9006.png" alt="" /></div>
            </div>




            <div class="box" id="Div_OLTRE_SoundWoodGrain9016" runat="server">
                <asp:RadioButton ID="OLTRE_SoundWoodGrain9016" GroupName="Superficie" runat="server" /><span runat="server"><span class="img"><img src="Oltre/Superfici/SOUND_WOODGRAIN/SOUND_WOODGRAIN_9016.png" alt=""></span>9016</span><div class="image-box">
                    <img src="Oltre/Superfici/SOUND_WOODGRAIN/SOUND_WOODGRAIN_9016.png" alt="" /></div>
            </div>
        </div>


        <asp:Button ID="bt" OnClientClick="printDiv();" runat="server" text="stampa" />
    </form>

pero' c'era un errore nella chiusura dei tag immagine, non credo influisca ma non sono chiusi

**dwb** · 27-11-2019, 12:21

Dai un'occhiata quì: https://www.overlapconfigurator.com/StartOltre.aspx

A seconda delle opzioni scelte vengono marcati con "checked" quelli necessari.

**djciko** · 27-11-2019, 12:35

non riesco a collegare la logica da te postata con il sorgente, sorry.

volevo solo sapere come passi l'ID. Mettendolo fisso la stampa funziona, quindi credo ci sia qualche malfunzionamento nel passaggio degli ID.

scusami ma non si capisce molto bene il funzionamento nella sua totalità, posta tutto il codice

**dwb** · 27-11-2019, 12:41

Allora, ci sono tanti div che, a seconda delle voci selezionate, vengono nascosti o mostrati. I div sono contenuti in una "lavagna", che sarebbe l'immagine grande. Eccoti un piccoli snippet:

codice:

            if (modelTypeSelectOLTRE.SelectedValue == "plana_OLTRE")
            {
                plana_FINITURA.Visible = true;
                DIV_IN_ManigliaSilver_WIDE.Visible = false;
                DIV_IN_ManigliaBronze_BOX.Visible = false;
                DIV_IN_ManigliaBronze_BOX.Visible = false;
                DIV_IN_NoManiglia.Visible = true;
                DIV_IN_ManigliaSilver_AirWaveSoundPlana.Visible = true;
                DIV_IN_ManigliaBronze_AirWaveSoundPlana.Visible = true;
            }

**djciko** · 27-11-2019, 14:53

si ma il 'colloquio' con la funzione che stampa ? manca la logica centrale

**dwb** · 29-11-2019, 10:20

Originariamente inviata da djciko

si ma il 'colloquio' con la funzione che stampa ? manca la logica centrale

Questo è il css che gestisce l'immagine: https://pastebin.com/XFKKwDn8

**djciko** · 29-11-2019, 12:54

non capisco cosa c'entri il css....mi sa che fin quando non posti TUTTO il codice non se ne esce

**supermac** · 29-11-2019, 13:00

Bello il css

La domanda credo fosse:
chi lancia la funzione printDiv() e cosa contiene il divIdtoPrint?
Dove sono questi oggetti? Nella pagina che hai linkato non c'è un oggetto con id divIdtoPrint, "perdincibacco"...
Senza vedere il codice che non funziona sarà difficile che ti si possa provare a risolvere il problema, "perdindirindina".

codice:

function printDiv() 
{
  var divToPrint=document.getElementById('DivIdToPrint');
...

Per la cronaca, se hai un div DivIdToPrint, presumo tu possa dare al resto una classe css "noprint" con display:none; sul @media print, ma senza vedere la pagina e il codice stiamo parlando di metafisica... "accidempolina".

**djciko** · 29-11-2019, 16:44

ci sta che fosse un esempio, l'id scolpito.

ma si deve sapere come dici alla funzione l'ID (o gli ID) dei Div da stampare, pofferbacco

Discussione: Stampa solo di alcuni DIV

Strumenti discussione

Ricerca discussione

Visualizza

Stampa solo di alcuni DIV

Permessi di invio