Aumentar y disminuir fuente
He probado el código que te mande y funciona, pero ahora lo incormporo en el texto de mi web y no funciona! Porque!
Es el siguiente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../estilos/letra.css" rel="stylesheet" type="text/css">
<link href="../estilos/titulos.css" rel="stylesheet" type="text/css">
<!-- cambiar tamaño de letra -->
<script >
FUENTE_DEFAULT = 9;
FUENTE_ACTUAL = 9;
FUENTE_MASPEQUENA = 7;
FUENTE_MASGRANDE = 18;
function MasTxt(div) {
FUENTE_ACTUAL = FUENTE_ACTUAL+2;
if (FUENTE_ACTUAL > FUENTE_MASGRANDE) {
FUENTE_ACTUAL = FUENTE_MASGRANDE
}
var divID = document.getElementById(div);
divID.style.fontSize = FUENTE_ACTUAL+"pt";
}
function MenosTxt(div) {
FUENTE_ACTUAL = FUENTE_ACTUAL-2;
if (FUENTE_ACTUAL < FUENTE_MASPEQUENA) {
FUENTE_ACTUAL = FUENTE_MASPEQUENA
}
var divID = document.getElementById(div);
divID.style.fontSize = FUENTE_ACTUAL+"pt";
}
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body background="../imagenes/Fondoderecha.png">
<div id="Layer1" style="position:absolute; left:129px; top:297px; width:37px; height:38px; z-index:1"><img src="../imagenes/lupa%2B.gif" width="32" height="32" onClick="MasTxt('texto');"></div>
<div id="Layer2" style="position:absolute; left:178px; top:297px; width:43px; height:43px; z-index:2"><img src="../imagenes/lupa-.gif" width="32" height="32" onClick="MenosTxt('texto');"></div>
<div id="texto">
<p class="titulos">1.- El territorio de la Celtiberia </p>
<p class="letra">La Celtiberia ha quedado definida por la información de
los escritores clásicos y la investigación arqueológica.
Se asienta en el Sistema Ibérico Central y su reborde montañoso
con las cuencas del Ebro, Duero y Tajo. Sus 61.643 km2 se comparten por las
Comunidades Autónomas de Aragón, Castilla-La Mancha, Castilla-León,
Navarra y La Rioja, extendiéndose por las actuales provincias de Burgos,
Cuenca, Navarra, Rioja, Soria, Teruel y Zaragoza.<br>
Caracteriza dicho territorio su despoblación y extrema ruralidad, pero
no siempre fue así. Ciudades celtíberas como Bilbilis, Contrebia
Belaisca, Ercávica, Numancia, Segeda, Uxama, etc fueron en otro tiempo
capitales y cabezas de territorios, ricos y poblados. Actualmente las ruinas
de estas ciudades se sitúan en parajes naturales de gran belleza. Confi-guran
la base de un patrimonio cultural y ambiental indiscutible. Un valor de primer
orden con el que incardinar un desarrollo sostenible del territorio a partir
del turismo cultural y natural. La Ruta Celtibérica es la red que otorga
identidad y articula dicho desarrollo. </p>
</div>
<p class="letra"> </p>
</body>
</html>
Es el siguiente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../estilos/letra.css" rel="stylesheet" type="text/css">
<link href="../estilos/titulos.css" rel="stylesheet" type="text/css">
<!-- cambiar tamaño de letra -->
<script >
FUENTE_DEFAULT = 9;
FUENTE_ACTUAL = 9;
FUENTE_MASPEQUENA = 7;
FUENTE_MASGRANDE = 18;
function MasTxt(div) {
FUENTE_ACTUAL = FUENTE_ACTUAL+2;
if (FUENTE_ACTUAL > FUENTE_MASGRANDE) {
FUENTE_ACTUAL = FUENTE_MASGRANDE
}
var divID = document.getElementById(div);
divID.style.fontSize = FUENTE_ACTUAL+"pt";
}
function MenosTxt(div) {
FUENTE_ACTUAL = FUENTE_ACTUAL-2;
if (FUENTE_ACTUAL < FUENTE_MASPEQUENA) {
FUENTE_ACTUAL = FUENTE_MASPEQUENA
}
var divID = document.getElementById(div);
divID.style.fontSize = FUENTE_ACTUAL+"pt";
}
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body background="../imagenes/Fondoderecha.png">
<div id="Layer1" style="position:absolute; left:129px; top:297px; width:37px; height:38px; z-index:1"><img src="../imagenes/lupa%2B.gif" width="32" height="32" onClick="MasTxt('texto');"></div>
<div id="Layer2" style="position:absolute; left:178px; top:297px; width:43px; height:43px; z-index:2"><img src="../imagenes/lupa-.gif" width="32" height="32" onClick="MenosTxt('texto');"></div>
<div id="texto">
<p class="titulos">1.- El territorio de la Celtiberia </p>
<p class="letra">La Celtiberia ha quedado definida por la información de
los escritores clásicos y la investigación arqueológica.
Se asienta en el Sistema Ibérico Central y su reborde montañoso
con las cuencas del Ebro, Duero y Tajo. Sus 61.643 km2 se comparten por las
Comunidades Autónomas de Aragón, Castilla-La Mancha, Castilla-León,
Navarra y La Rioja, extendiéndose por las actuales provincias de Burgos,
Cuenca, Navarra, Rioja, Soria, Teruel y Zaragoza.<br>
Caracteriza dicho territorio su despoblación y extrema ruralidad, pero
no siempre fue así. Ciudades celtíberas como Bilbilis, Contrebia
Belaisca, Ercávica, Numancia, Segeda, Uxama, etc fueron en otro tiempo
capitales y cabezas de territorios, ricos y poblados. Actualmente las ruinas
de estas ciudades se sitúan en parajes naturales de gran belleza. Confi-guran
la base de un patrimonio cultural y ambiental indiscutible. Un valor de primer
orden con el que incardinar un desarrollo sostenible del territorio a partir
del turismo cultural y natural. La Ruta Celtibérica es la red que otorga
identidad y articula dicho desarrollo. </p>
</div>
<p class="letra"> </p>
</body>
</html>
1 respuesta
Respuesta
1
Para realizar lo que pretendes yo siempre uso jQuery. En el siguiente apartado puedes encontrar todos los métodos que ofrece jQuery para manipulación CSS (mira en concreto el ejemplo del método css( properties )):
http://docs.jquery.com/CSS
Comentarte que jQuery es algo parecido a JavaScript, pero con nomenclatura diferente y lo mejor: funciona en todos los navegadores.
Prueba y me comentas.
http://docs.jquery.com/CSS
Comentarte que jQuery es algo parecido a JavaScript, pero con nomenclatura diferente y lo mejor: funciona en todos los navegadores.
Prueba y me comentas.