2015-07-22 11 views
6

Ho bisogno di stampare una gamma di immagini che portano in una query, la gamma può essere molto grande ma quando si stampa significa scegliere se si desidera stampare un determinato intervallo di immagini del naso se questo ha a che fare con JavaScript o con asp. netto.Intervallo di stampa immagini ottenute tramite query in MYSQL- ASP.NET

<button name="printButton" id="printButton" type="button" class="btn btn-default" onclick= "printDiv('printableArea');" runat="server"> 
           <span class="glyphicon glyphicon-print"></span> 
          </button> 
         </div> 
        </div> 
       </div> 
       <div class="panel-body"> 
        <div class="panzoom"> 
         <div id="printableArea"> 
          <img src="img/descarga.jpg" alt="Visualización del original de la forma migratoria" class="img-responsive" runat="server"> 
         </div> 
        </div> 
       </div> 
      </div> 
      </section> 
     </div> 
    </div> 
</div> 
<script type="text/javascript"> 
    function printDiv(divName) { 
     var printContents = document.getElementById(divName).innerHTML; 
     var originalContents = document.body.innerHTML; 
     document.body.innerHTML = printContents; 
     window.print(); 
     document.body.innerHTML = originalContents; 
     window.onfocus = function() { 
      window.close(); 
     } 
     var $section = $('section').first(); 
     $section.find('.panzoom').panzoom({ 
      $zoomIn: $section.find(".zoom-in"), 
      $zoomOut: $section.find(".zoom-out"), 
      $zoomRange: $section.find(".zoom-range"), 
      $reset: $section.find(".reset") 
     }); 
    }; 
</script> 

Come si può vedere solo l'immagine che si trova all'interno del div viene stampato, quello che cerco di fare è che quando si invia la stampa chiede se voglio stampare tutti che sono stati ottenuti attraverso una query , che rango di rango, o le pagine

In questa immagine mostrano i risultati

Find

image to print

Lo spettacolo immagine in un altro pannello, e l'utente può stampare questa immagine, ma voglio che l'utente può scegliere di stampare una serie di immagini che sono stati trovati con la richiesta ... vale a dire i risultati

+1

Hai provato a risolvere questo problema? Se hai, includi il tuo codice e ricerca nella tua domanda per mostrare cosa non ha funzionato per te. In caso contrario, dovresti tentare di risolverlo da solo e poi pubblicare il codice e ricercare qui. Rende la tua domanda più facile anche agli altri per rispondere! – SuperBiasedMan

+0

Non capisco appieno la tua domanda: _ "quello che cerco di fare è che quando mandi una stampa chiedi se voglio stampare tutto ciò che è stato ottenuto attraverso una query" _ come pensi di farlo? Quale design o UI avrai per l'utente? Come sarà la pagina di tutte le immagini? Cosa _images_ restituisce il tuo server? Che aspetto ha il codice asp.net pertinente? – gideon

risposta

3

È dovrebbe attaccare HTML generato dal server ...

In ogni caso, non penso che sia un problema di JS. I CSS possono risolvere il tuo problema - dovresti leggere l'attributo media="print", che può applicare il CSS solo al documento stampato. Suggerisco di generare tutti i DIV con l'attributo display:none e con media="print" sovrascriverlo per mostrarli tutti.

Problemi correlati