subir 2px a todo el contenido

[elalmacen60]

Hola tengo que subir dos pixeles a todo el contenido que se encuentra dentro de un contenedor. Lo dificil es que desntro de este tengo divs y p de distintos tamaños. A alguien se le ocurre como?

Desde ya muchas gracias!

[zerokilled]

buenas,
honestamente no se te entiende. pero si es que lo interprete bien, deberias mirar la solucion por CSS. en particular, una posicion relativa indicando como top o bottom la cantidad de pixeles a desplazar.

[elalmacen60]

Perdon por expresarme tan mal. Lo que necesito es saber como aumentar el font-size de los nodos que se encuentran dentro de un contenedor. Por ejemplo tengo:

<div>
<div style="font-size:10px">titulo</div >
<h3 style="font-size:12px">titulo</h3>
<p style="font-size:14px">titulo</p>
</div>

cuando hago focus sobre el div principal debo aumentar en dos pixeles el tamaño de todos los elementos dentro (div,h3, p). Se entendió?

[ceSharp]

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:

<script type="text/javascript">
function aumentarFontSize()
{
 var contenedor = document.getElementById('contenedor').all;
    var x = 10;
    arrObjeto= new Enumerator(contenedor);
     for(arrObjeto.moveFirst(); !arrObjeto.atEnd(); arrObjeto.moveNext()) 
     {
        var obj = arrObjeto.item();
        var id_obj = obj.id;
        var obj_fontSize = parseInt(obj.style.fontSize);
        var aumentar = obj_fontSize + 2;
        obj.style.fontSize = aumentar.toString() + 'px';
     }
}
</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.

[ceSharp]

se me ha olvidado comentarte que al DIV contenedor le he llamado 'contenedor', si no le pones ese ID no va a funcionar (aunque bueno, ponle el que quieras, pero que coincidan)


Además se me han escapado un
var x = 10;
y
var id_obj = obj.id;
que no valen para nada. solo estaba probando a ver si cazaba bien todos los elementos del contenedor, esas dos líneas se pueden borrar, no hacen nada.

saludos again.