Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/07/2005, 18:33
Avatar de Galled
Galled
 
Fecha de Ingreso: marzo-2005
Ubicación: Lima
Mensajes: 254
Antigüedad: 21 años, 6 meses
Puntos: 0
Necesito cambiar estilo a un Id con overflow:auto para Imprimir

Hola quiero imprimir una parte de mi pagina que esta dentro de un DIV con estilos con un ID llamado "quickSummary" a traves de un boton:

<a href="#" onclick="impre('quickSummary');return false;">Versión Para Imprimir</a>.

Pero no corre.

Tengo el siguiente script en javascript

Código PHP:
function cambia_estilo(ID){
    
document.getElementById(ID).style.overflow="inherit";
    
document.getElementById(ID).style.margin="15%";
} 
Y como se puede ver, quiero cambiar parte de los estilos de un ID, pero no me funciona cuando quiero cambiar los estilos de este ID:

Código PHP:
#quickSummary {
    
margin: 145px 30px 20000px 95px;
    
z-index:0;
    
PADDING: 10px; 
    
WIDTH: 585px;
    
height: 320px;
    
overflow:auto;
    
border: 1px solid #1e7548;
    
SCROLLBAR-HIGHLIGHT-COLOR: #fff; 
    
SCROLLBAR-SHADOW-COLOR: #fff; 
    
SCROLLBAR-3DLIGHT-COLOR: #fff;
    
SCROLLBAR-ARROW-COLOR: #fff; 
    
SCROLLBAR-TRACK-COLOR: #fff; 
    
SCROLLBAR-DARKSHADOW-COLOR: #fff; 
    
SCROLLBAR-BASE-COLOR: #fff;
    
SCROLLBAR-FACE-COLOR: #1e7548;
    
}

#quickSummary ul
{
margin: 0;
padding: 0;
list-
style-type: none;
font-family: arial, sans-serif;
}

#quickSummary li a{ margin: 0px; 
display: block;
padding: 5px 10px;
width: 240px;
color: #000;
background-color: #E5EDF0;
font: 8pt/11pt Sans-serif;
font-weight: bold;
border: 1px solid #A5B6BC;}

#quickSummary ul ul li { margin:0px;
}

#quickSummary ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 225px;
color: #000;
background-color: #fff;
text-decoration: none;
font: 7.5pt/11pt Sans-serif;
font-weight:normal;
} 
Pongo todas extensiones por si acaso, aqui esta el Id principal:

Código PHP:
#quickSummary {
    
margin: 145px 30px 20000px 95px;
    
z-index:0;
    
PADDING: 10px; 
    
WIDTH: 585px;
    
height: 320px;
    
overflow:auto;
    
border: 1px solid #1e7548;
    
SCROLLBAR-HIGHLIGHT-COLOR: #fff; 
    
SCROLLBAR-SHADOW-COLOR: #fff; 
    
SCROLLBAR-3DLIGHT-COLOR: #fff;
    
SCROLLBAR-ARROW-COLOR: #fff; 
    
SCROLLBAR-TRACK-COLOR: #fff; 
    
SCROLLBAR-DARKSHADOW-COLOR: #fff; 
    
SCROLLBAR-BASE-COLOR: #fff;
    
SCROLLBAR-FACE-COLOR: #1e7548;
    
} 
Quise hacerlo asignandole una clase:

Código PHP:
<style>
@
media print {
    
div,a {display:none}
    .
ver {display:block;
   
overflow=inherit;
margin="15%";
}
    .
nover {display:none}
}
</
style> 
Y luego cambiarlo con Javascript con:

Código PHP:
document.getElementById(ID).className="ver" 
(Insertado en la función)

Pero igual no me corre.

Última edición por Galled; 14/07/2005 a las 08:42