Buenos días, sucede que estoy haciendo(copiando, pegando, modificando) script con jquery para poder hacer el tipico enlarge fonts...
Código Javascript
:
Ver original$(document).ready( function() {
// Reset Font Size
var lb = $('#bodyContent p, #blockContentStd *, #bodyContent ul li, #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent table tr td');
// var lb = $('.enlargeFont').find($tags);
var originalFontSize = lb.css('font-size');
$("#resetFont").click( function() {
$(lb).css('font-size', originalFontSize);
});
// Increase Font Size
$("#increaseFont").click( function() {
var currentFontSize = $(lb).css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*1.2;
if(newFontSize < 20) {
$(lb).css('font-size', newFontSize);
}
return false;
});
// Decrease Font Size
$("#decreaseFont").click( function() {
var currentFontSize = $(lb).css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*0.8;
if(newFontSize > 8) {
$(lb).css('font-size', newFontSize);
}
})
// add border class to tables
});
El script funciona pero surge un problema...
Sucede que el contenido lo tengo asi(por ejemplo)
Código HTML:
Ver original<h1 class="title">Titulo con un font size
</h1> <h1>Otro encabezado con distinto tamaño de fuente
</h1> Ul li, tables... etc
Sucede que si ejecuto el script funciona pero al tener los elementos genericos(Ejm h1) me toma la medida de la fuente del primer h1, y se pasa por alto la segunda etiqueta...(obviamente ambos tienen distinta medida), entonces lo que necesitaria es poder hacer un "select de cada etiqueta individual dentro de #bodycontent" asi al tomar la medida de la fuente lo hara individualmente....
Alguna sugerencia? he estado probando con each() pero no logro hacer que funcione. Me he leido cuanto manual hay por alli y no lo he conseguido....
Saludos.