Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11
  1. #1

    Stampa tabella definita e stampa valore del campo

    Ciao a tutti
    ho strutturato una semplice pagina html e cercando in giro ho trovato un script che stampa solo gli elementi contenuti in determitato div id= tabella (nel mio caso).
    in questa tabella ho un moduolo banalissimo con dei voti ottimo buoni..
    Lo script funziona ma non stampa il valore scelto nel tag select : Stampo il primo valore in option.

    ora il form non deve essere elaborato deve solo essere stampato come si vide a video (la funzione stampa di firefox stampa tutta la pagina cosa che non voglio ma il valore del campo è corretto.

    script inserito prima del body
    <script type="text/javascript" src="jquery.jPrintArea.js"></script>
    <script language="javascript" type="text/javascript">
    $(document).ready(function(){
    $('.link').click(function(){ $.jPrintArea('#tabella') });
    });
    </script>



    script della funzione
    jQuery.jPrintArea=function(el)
    {
    var iframe=document.createElement('IFRAME');
    var doc=null;
    $(iframe).attr('style','position:absolute;width:0p x;height:0px;left:-500px;top:-500px;');
    document.body.appendChild(iframe);
    doc=iframe.contentWindow.document;
    var links=window.document.getElementsByTagName('link') ;
    for(var i=0;i<links.length;i++)
    if(links[i].rel.toLowerCase()=='stylesheet')
    doc.write('<link type="text/css" rel="stylesheet" href="'+links[i].href+'"></link>');
    doc.write('<div class="'+$(el).attr("class")+'">'+$(el).html()+'</div>');
    doc.close();
    iframe.contentWindow.focus();
    iframe.contentWindow.print();
    alert('Printing...');
    document.body.removeChild(iframe);
    }

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,132
    Premesso che non conosco jPrintArea, io procederei cosi invierei in una pagina dedicata dove ci sono solo i campi del form che vuoi stampare i valori selezionati inserendoli nella pagina "print.xxx" una volta concluso il processo lancerei window.print() tramite evento onload

    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    capisco ma non so come fare.... per questo mi ero attrezzatto in quella maniera.
    cercavo qualcosa di facile che potessi gestire.
    la creazione dei form con hatml è una cosa il resto è materia oscura

  4. #4
    Dovresti creare dei fogli di stile per la stampa.

    Crea il file "print.css", salvalo nella stessa cartella del tuo documento html e come contenuto mettici:
    codice:
    body *{display:none}
    #tabella{display:block !important}
    Poi includi il file print.css nel tuo documento html in questa maniera:
    codice:
    <link type="text/css" rel="stylesheet" href="print.css" media="print"></link>
    

    ed il tuo pulsante per la stampa sarà
    codice:
    <input type="button" value="Stampa" onClick="window.print()">
    Luca

  5. #5
    Ho seguito attentamente le sitruzioni (uso dreamveawer)
    il css viene caricato
    il pulsante stampa compare.
    clicco ma stampa solo titolo pagina e non la tabella
    la tabella è contenuta in div id="tabella"
    peccato è una bella dritta

  6. #6
    Metti in print.css queste regole, al posto delle vecchie, dovresti risolvere
    codice:
    body *{display:none}
    #tabella, #tabella *{display:inline !important}

  7. #7
    nulla..

  8. #8
    posta il tuo html

  9. #9
    Di seguito la tabella contenuto nella pagina. ho inserito un form di prova (eccellente, buono ecc) ma ne vanno inseriti altri.
    questo in sostanza un modulo per la presentazione di una squadra di calcio prima della partita. dove variano nome campo nome squadra data e ora; in tali campi va inserito un form con select name e poi semplicemente stampato non serve altro.
    il risultato che ottengo con i tuoi consigli è la stampa del tiolo della pagina <title > e foglio bianco

    <div class="notizia">
    <div id="tabella" >
    <table>

    <tr>
    <td colspan="3" rowspan="6" align="center"><img src="img/logo.png" width="113" height="140" /><td>
    <td width="96">&nbsp;<td>
    <td width="204">&nbsp;<td>
    <td width="51">&nbsp;<td>
    <td width="96">&nbsp;<td>
    <td width="204" rowspan="6" align="center"><img src="img/logo.png" width="113" height="140" /><td>
    </tr>
    <tr>
    <td>
    <td colspan="7" align="center">Comitato Calcistico<td>
    <td>
    </tr>
    <tr>
    <td>
    <td colspan="7" align="center">Stagione Agonistica 2013/2014<td>
    <td>
    </tr>
    <tr>
    <td>
    <td width="96">&nbsp;<td>
    <td width="204">&nbsp;<td>
    <td width="51">&nbsp;<td>
    <td width="96">&nbsp;<td>
    <td>
    </tr>
    <tr>
    <td>
    <td colspan="7" align="center">Distinta Squadra<td>
    <td>
    </tr>
    <tr>
    <td>
    <td width="96">&nbsp;<td>
    <td width="204">&nbsp;<td>
    <td width="51">&nbsp;<td>
    <td width="96">&nbsp;<td>
    <td>
    </tr>
    <tr>
    <td colspan="13" align="center">INTESTAZIONE<td>
    </tr>
    <tr>
    <td width="51">&nbsp;<td>
    <td width="96">&nbsp;<td>
    <td width="96">&nbsp;<td>
    <td width="204">&nbsp;<td>
    <td width="51">&nbsp;<td>
    <td width="96">&nbsp;<td>
    <td width="204">&nbsp;<td>
    </tr>
    <tr>
    <td width="51">&nbsp;<td>
    <td width="96">Incontro :
    <td>
    <td colspan="3"><select name="note"><option value ="5">5 - Eccellente </option><option value ="4">4 - Ottimo </option><option value ="3">3 - Buono </option><option value ="2">2 - Discreto </option></select>
    <td>
    <td width="51">vs<td>
    <td colspan="3">SQUADRA1,SQUADRA2, SQUADRA3,
    <td>
    </tr>
    <tr>
    <td width="51">&nbsp;<td>
    <td width="96">&nbsp;<td>
    <td width="96">&nbsp;<td>
    <td width="204">&nbsp;<td>
    <td width="51">&nbsp;<td>
    <td width="96">&nbsp;<td>
    <td width="204">&nbsp;<td>
    </tr>
    <tr>
    <td width="51">&nbsp;<td>
    <td width="96">Luogo :<td>
    <td colspan="3">CAMPI DI GIOCO
    <td>
    <td width="51">&nbsp;<td>
    <td width="96">Data / ora
    <td>
    <td width="204">19/10/2013 16.00.00
    <td>
    </tr>
    <tr>
    <td width="51">&nbsp;<td>
    <td width="96">&nbsp;<td>
    <td width="96">&nbsp;<td>
    <td width="204">&nbsp;<td>
    <td width="51">&nbsp;<td>
    <td width="96">&nbsp;<td>
    <td width="204">&nbsp;<td>
    </tr>
    <tr>
    <td width="51">&nbsp;<td>
    <td width="96">&nbsp;<td>
    <td width="96">&nbsp;<td>
    <td width="204">&nbsp;<td>
    <td width="51">&nbsp;<td>
    <td width="96">&nbsp;<td>
    <td width="204">&nbsp;<td>
    </tr>
    </table>
    </div>
    </div>

  10. #10
    Gentilissimo Luca
    ho rivisto il codice ed eliminato tutto quello che non fosse html e ho lasciato solo il codice
    <div style="clear:both; height:20px;"><p><input type="button" value="Stampa" onClick="window.print()"></a></p></div>
    ho tolto tutti i collegamenti ai css.
    Funziona.
    Penso che ci sia una specie dei conflitto tra i codice probabilmente nei css che ho definito per la mia pagina.
    vado avanti per eliminazione finchè non trovo il problema.
    grazie mille

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.