Visualizzazione dei risultati da 1 a 10 su 10
  1. #1
    Utente di HTML.it L'avatar di natasha
    Registrato dal
    Sep 2000
    Messaggi
    1,307

    Stampa di un singolo <div> della pagina

    Esiste un modo per invocare, da foglio di stile o altro, la stampa del contenuto di un singolo <div> della pagina al click di un pulsante?

  2. #2
    Certo, basta che associ un foglio di stile per la stampa nel quale "nascondi" alla stampa tutto ciò che è superfluo e non vuoi stampare.

    questo è un link molto utile: LINK

  3. #3
    Utente di HTML.it L'avatar di natasha
    Registrato dal
    Sep 2000
    Messaggi
    1,307
    Ok, perfetto! E, per far uscire una nuova pagina col contenuto del <div> (che viene generato dinamicamente) e la dialog di scelta della stampante al click su un pulsante (cosa che ho visto viene fatta)?
    Possibile che nel foglio di stile associato alla pagina da stampare devo specificare display: none per tutti gli elementi da NON stampare? Mi sembra una soluzione ben poco manutenibile! Non c'è un modo per fare il contrario, ovvero "stampa questo, e non stampare tutto il resto, quale che esso sia"?

  4. #4
    ma perchè far aprire una nuova pagina quando basta includere il css nell' HEAD pagina in questo modo:

    codice:
    <link href="print.css" rel="stylesheet" type="text/css" media="print" />
    e all'interno della pagina avere un link di questo tipo:

    codice:
    stampa il div
    Tanto quello che viene generato dinamicamente è il contenuto del div, presumo che la struttura della pagina sia la medesima.
    In questo modo si apre la finestra di dialogo della stamapante e la stampa avviene senza che sia aprano inutili finestre.

    Altrimenti se ho ben capito quello che intendi devi utilizzare anche altri linguaggi oltre ai CSS, ad esempio una procedura che estragga il testo e lo metta in un nuova pagina.

  5. #5
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    ...Possibile che nel foglio di stile associato alla pagina da stampare devo specificare display: none per tutti gli elementi da NON stampare? Mi sembra una soluzione ben poco manutenibile!...
    e perchè mai?
    Per impostare display : none a tutti gli elementi basta usare solamente il selettore universale '*'

    * { display : none}

    e poi imposti display: block; selettivamente
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  6. #6
    Utente di HTML.it L'avatar di natasha
    Registrato dal
    Sep 2000
    Messaggi
    1,307
    Ok; se però il <div> è nidificato dentro altri elementi, in questo modo non viene stampato....

  7. #7
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    certo, in quel caso devi mostrare selettivamente anche gli antenati o il div annidato non viene stampato (dipende dal modo in cui progetti la pagina), ad es.

    codice:
    <style type="text/css" media="print">
    div { display: none;}
    div#div1 { display: block;}
    div#div21 { display: block;}
    </style>
    
    
    <body>
        
        <div id="div0">
            questo è il div 0 da non stampare
        </div>
    
        <div id="div1">
            <div id="div11">        
                questo è il div 1.1 annidato da non stampare
            </div>
            <div id="div21">
                questo è il div 1.2 annidato -- da stampare
            </div>
            <div id="div31">
                questo è il div 1.3 annidato  da non stampare
            </div>
        </div>
    
    </body>
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  8. #8
    Domanda....

    Se io ho un layout con le tabelle:
    - Header
    - Menu sx
    - Corpo pagina

    La tabella "corpo pagina" è contenuta in un div... è possibile mandare in stampa solo questo?

  9. #9
    Utente di HTML.it
    Registrato dal
    Oct 2004
    Messaggi
    90
    scusate ma sono interessato anch'io...

    dovrei mettere un link dove l'utente cliccando può stampare un determinato div all' interno della mia pagina...

    dunque dovrei far si che cliccando li fa stampare un div che li dico io....

    Nel sito non viene usato nessun css come posso fare per impostare questa funzione?

    grazie

  10. #10
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Originariamente inviato da mixtere
    scusate ma sono interessato anch'io...

    dovrei mettere un link dove l'utente cliccando può stampare un determinato div all' interno della mia pagina...

    dunque dovrei far si che cliccando li fa stampare un div che li dico io....

    Nel sito non viene usato nessun css come posso fare per impostare questa funzione?

    grazie
    http://forum.html.it/forum/showthrea...readid=1152310

    Hai già un thread aperto tutto tuo (leggi il nuovo regolamento, punto 2).
    Penso sia inutile riuppare anche un thread di oltre 3 mesi fa
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

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.