<!--Zoom de página-->
<HTML>
<HEAD>
<TITLE>Ejemplo de zoom</TITLE>
<script language="JavaScript">
//Especificar a que elementos afectará,
//añadiendo o quitando de la lista:
var tgs = new Array('div','td','tr');
//Indicar el nombre de los diferentes tamaños
//de fuente:
var szs = new Array('xx-small','x-small',
'small','medium','large',
'x-large','xx-large'); //Tamaño para la fuente
//en pantalla.
var startSz = 2; //valor inicial, por defecto, del zoon-ventana
function ts(trgt,inc){
if(!document.getElementById){
return;
}
var d=document; //Objeto asociado a document
var cEl=null; //variable para controlar la etiqueta a usar.
var sz=startSz; //variable para el control del incremento del
//nuevo zoon-ventana
var i,j,cTags;
sz += inc; //sz=sz+inc;
if(sz<0){ //controlamos si hemos llegado al valor mínimo del zoon-ventana
sz=0;
}
if(sz>6){ //controlamos si hemos llegado al valor máximo del zoon-ventana
//sz=6;
}
startSz=sz; //nuevo valor del zoon-ventana
if(!(cEl=d.getElementById(trgt))){
cEl=d.getElementsByTagName(trgt)[0];
}
cEl.style.fontSize=szs[sz]; //Tamaño para la etiqueta, Tag, en uso.
for(i=0;i<tgs.length;i++){ //bucle para el aumento o disminución de los Tag.
cTags=cEl.getElementsByTagName(tgs[i]);
for(j=0;j<cTags.length;j++)
cTags[j].style.fontSize=szs[sz];
}
}
</script>
</HEAD>
<body bgcolor="#00FFFF" >
<center>
<h2>Zoom de página</h2>
</center>
<center>
<a href="javascript:ts('body',1)">+ Aumentar</a> |
<a href="javascript:ts('body',-1)">- Disminuir</a>
</center>
<p> </p>
<hr>
<center>
<h3>
[<a href="javascr.htm">Volver</a>]
</h3>
</center>
</BODY>
</HTML>
No hay comentarios:
Publicar un comentario