Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    1,085

    stampare un div 'nascosto'

    Ciao,
    io avrei l'esigenza di stampare un 'div' che a video NON si deve vedere ..
    avevo per questo pensato di usare il 'display: none' a video, e il 'display: block' per la stampa ..
    ma non funcsia ! :-(
    soluzioni ?
    Grazie mille

  2. #2
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    Sei sicuro di aver chiamato correttamente il css per la stampa? Direi che senza codice non si possa dire dove sta il problema

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    1,085
    Codice PHP:

    <div id="lista_prov">                                                                                                                                     
                                                                                                                                                              
                                                                                             
            <?php                                                                                                                                                
         
    echo "<div id=\"periodo_prov\" style=\"display: none; width : 20em;\"> ";                                                                            
         echo    
    "<fieldset style=\"text-align:center;\">  ";                                                                                                 
         echo    
    "<legend style=\"text-align:left;\">Periodo</legend>  ";                                                                                     
         echo    
    "<input style=\"font-weight: bold; text-align:center;\" type=text readonly=\"readonly\" size=\"8\"  value=" "'" .$data_da_edit"'"">    
                                                                                                                                                        
                  <input style=\"font-weight: bold; text-align:center;\" type=text readonly=\"readonly\" size=\"8\"  value=" 
    "'" .$data_a_edit"'"">     
                  "
    ;                                                                                                                                          
         echo    
    "</fieldset>  ";                                                                                                                             
         echo    
    "
     
    "
    ;                                                                                                                                 
         echo 
    "</div> ";                                                                                                                                      
         
    ?>

    CSS:

    codice:
    #container_top {display:none;}         
    
    #lista_prov table   {border:none; }
    
    #lista_prov table input {
                             border:none;
                             font:  8px/1.2 Courier New, Courier, monospace;
                            }
    
    #periodo_prov  {display:block;}

  4. #4
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    così non si capisce niente; e poi non postare codice php, posta l'html risultante.
    Ma secondo te, dove dovrebbe essere l'istruzione per la stampa?

  5. #5
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    1,085
    provo a ricapitolare ..
    voglio fare in modo che un div NON appaia a video, ma appaia invece sulla stampa.
    Il div in questione è chiaramente quello che ho postato (il codice in php), ora ve lo mostro come html:

    codice:
    <div id="periodo_prov" style="display: none; width : 20em;"> 
       <fieldset style="text-align:center;">  
          <legend style="text-align:left;">Periodo</legend>  
            <input style="font-weight: bold; text-align:center;" type=text readonly="readonly" size="8"  value='01/12/2011'>
            
            <input style="font-weight: bold; text-align:center;" type=text readonly="readonly" size="8"  value='31/12/2011'>
       </fieldset>  
     
    
    </div>
    come si può notare nello "style" viene indicato "display: none;" ... e correttamente a video il div non sivede !
    Sulla pagina del CSS specifica della stampa, richiamata tramite una funzione JS ..

    codice:
    <script language="javascript">                                 
      function stampa()                                              
        {window.print() }                                            
    </script>
    .. ho inserito per il div in questione ("periodo_prov"):

    codice:
    #periodo_prov  {display:block;}
    la pagin css in questione viene richiamata correttamente, visto che se vario il font .. effettivamente la stampa cambia il carattere ..
    il problema è che il div in questione (display messo a 'block') NON viene stampato !

    Spero che sia chiaro, perchè meglio di così non lo so spiegare ..

  6. #6
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    1,085
    Nessuno che mi sappia aiutare ?

  7. #7
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    Ipotesi: lo stile in linea ha la precedenza, perche' tra l'altro vale per tutti i media, non essendo specificato un media preciso.

  8. #8
    io ho usato una cosa del genere, un div nascosto con display none, e cliccando su un tasto tramite javascript al posto della dicitura 'none' mettevo '' (stringa vuota) e funzionava.. prova!

  9. #9
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    1,085
    ho spostato lo stile in linea (display none) nel file media, come suggerito da ResianTaxidrive), e ora funziona !
    Grazie

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.