Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje20-11-2009, 03:03 (UTC)    
Título del mensaje: [Código Javascript] Aumentar y disminuir texto

Hola!,

Estuve buscando un código para "Aumentar y disminuir texto", de la pagina y lo encontré y quiero traerlo aquí al foro:

Pegarlo encima de la pagina:

Cita:
<script type='text/javascript'>
//<![CDATA[
var tgs = new Array( 'div','td','tr');
var szs = new Array('smaller','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 ];
}
}
//]]>
</script>


Lo que esta en negrita son los tamaños que disminuye y aumenta.

Les dejo el código para poderlo usar en cualquier parte de la web:

En texto:

Cita:
<a href="javascript:ts('body',2)">Aumentar</a>
<a href="javascript:ts('body',-1)">Dismunuir</a>


Para usarlo con imágenes:

Cita:
<a href="javascript:ts('body',2)"><img src="Url de imagen de aumentar"/></a>
<a href="javascript:ts('body',-1)"><img src="Url de imagen de disminuir"/></a>


Bueno espero que les sirva de algo este pequeño "Javascript".

Atte: Administración Help-PwG!

¿El codigo no funciona? Por favor de aviso a algun moderador haciendo click aqui


Ultima edición por help-pwg el Dom Abr 18, 2010 11:44 pm; editado 4 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group