Ver Mensaje Individual
  #240 (permalink)  
Antiguo 09/10/2006, 23:40
Avatar de urgido
urgido
 
Fecha de Ingreso: febrero-2005
Mensajes: 2.351
Antigüedad: 21 años, 8 meses
Puntos: 25
P: Agrandar / Disminuir texto de una página
R: Función realmente efectiva para personas que les gusta cambiar el estilo de la fuente a la página sin necesidad de mover funciones al navegador.

Código PHP:
// Tags a las cuales se les va a aplicar el script:
var tgs = new Array( 'div','td','tr','span','p');

// Intervalos de las fuentes, en este caso de menor-mayor:
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var 
startSz = 2;

function 
ts( trgt,inc ) {
    if (!
document.getElementById) return
    var 
d = document,cEl = null,sz = startSz,i,j,cTags;
    
    
sz += inc;
    if ( 
sz < 0 ) sz = 0;
    if ( 
sz > 6 ) sz = 6;
    
startSz = sz;
        
    if ( !( 
cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];

    
cEl.style.fontSize = szs[ sz ];

    for ( 
i = 0 ; i < tgs.length ; i++ ) {
        
cTags = cEl.getElementsByTagName( tgs[ i ] );
        for ( 
j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
    }
} 
Link para poner en tu web(de preferencia en el top de tu página):
Código HTML:
<a href="javascript:ts('body',1)">Agrandar Texto</a> | <a
href="javascript:ts('body',-1)">Disminuir Texto</a> 
__________________
Hospedaje Web al mejor costo!