Ver Mensaje Individual
  #4 (permalink)  
Antiguo 21/07/2011, 00:48
Avatar de ceSharp
ceSharp
 
Fecha de Ingreso: octubre-2008
Ubicación: Madrid
Mensajes: 495
Antigüedad: 16 años
Puntos: 66
Respuesta: subir 2px a todo el contenido

buenas,
Quieres que cuando enfocas a ese DIV contenedor, todos sus elementos (nodos, objetos dentro del DIV) aumenten 2px su font-size, ok?
Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. function aumentarFontSize()
  3. {
  4.  var contenedor = document.getElementById('contenedor').all;
  5.     var x = 10;
  6.     arrObjeto= new Enumerator(contenedor);
  7.      for(arrObjeto.moveFirst(); !arrObjeto.atEnd(); arrObjeto.moveNext())
  8.      {
  9.         var obj = arrObjeto.item();
  10.         var id_obj = obj.id;
  11.         var obj_fontSize = parseInt(obj.style.fontSize);
  12.         var aumentar = obj_fontSize + 2;
  13.         obj.style.fontSize = aumentar.toString() + 'px';
  14.      }
  15. }
  16. </script>

tienes que darle un ID a tu div contenedor para que através de su ID recorra todos los elementos del DIV, recoja los pixel del font-size y los aumente 2px más. Ahora bien, enfocar el DIV no sé si se puede (evento onfocus). no sé si es que estoy muy dormido aún o no logro enfocarlo. puedes usar onmouseover, para que al acercar el ratón se ejecute la función. en tal caso deberías de crear la función inversa para el onmouseout, porque sino cada vez que estés moviendo el ratón por el DIV va a ir aumentando (queda muy chuli pero poco práctico, jejeje)

saludos.