Hola a todos:
He escrito un script que ajusta el tamaño de la fuente hasta el maximo posible para que ocupe todo el div contenedor (en realizada la funcionalidad del script es lo de menos para la ayuda que necesito). El código es el siguiente:
$('#id_22 div').css('font-size', '50px');
$('#id_22 div').css('line-height', '50px');
while( $('#id_22 div').height() > $('#id_22').height() ) {
$('#id_22 div').css('font-size', (parseInt($('#id_22 div').css('font-size')) - 1) + "px" );
$('#id_22 div').css('line-height', (parseInt($('#id_22 div').css('font-size'))) + "px" );
}
El problema es que esto solo se está aplicando a "id_22" como es lógico y yo necesito que se aplique a todos ("id_21", "id_20"...).
Tambien he probado a hacerlo por selectores de clases pero lo que ocurre es que no se aplica individualmente para cada uno sino que hace los calculos para el primero y el resto los aplica con los mismos valores.
¿Sabeis como hacer lo que necesito?
Muchas gracias.
No soy experto, pero yo probaria con un bucle que vaya aumentando en 1 el numero de id hasta que llegue al numero máximo para romperlo. Quizás así te funcione...
Eso seria una opcion pero seguro que no es la optima.
los que usa jquery son selectores css, puedes jugar con ellos
http://www.w3schools.com/cssref/css_selectors.asp (http://www.w3schools.com/cssref/css_selectors.asp)
po otro lado puedes colocarle una clase a tus div por ejemplo "div_proceso" (los div pueden tener más de una clase separadas por espacio, ej class="menu div_proceso" y puedes acceder a cualquiera por individual) y en el jquery lo trabajas como
$(".div_proceso").each(function(){//esperamos que sea 1 o mas
var div = $(this);//te recomiendo investigar esto
//aquí el proceso que vayas a hacer, puedes procesarlo con la variable "div"
});
Esto era justamente lo que necesitaba. Ya esta resuelto.
Muchas gracias engelx.