Algo no anda bien

mesbe86 · #1 (**permalink**) 04/06/2008, 22:49

hola amigos, tengo el siguiente codigo para aumentar y disminuir texto pero no me funciona, lo saque de esta web y se repite en varios lados queria preguntarles si el codigo anda mal o soy yo que no lo se implementar
aca se los paso

Código PHP:

  <html>

    <head>

    

    <script type="text/javascript">

        

    function aumentar(){

fuente = fuente + 1

if (fuente > 20)

{

fuente=20

}

aumento_fuente = fuente+"px"

document.getElementById("Tu_id").style.fontSize=au mento_fuente

}

 
function disminuir(){

fuente = fuente - 1

if (fuente > 8)

{

fuente=8

}

disminuir_fuente = fuente+"px"

document.getElementById("Tu_id").style.fontSize=di sminuir_fuente

}

 
 
 
</script>

 
    </head>

</html>

<body>

 
 
 
 
<p id="Tu_id" style="font-size:12px;" >aquí viene la parrafada...kdfaasdfjasjkfhkashfjkaf</p>

 
<img src="lupa_mas.jpg" onclick="aumentar()">

 
<img src="lupa_menos.jpg" onclick="disminuir()">

</body>

Monimo · #2 (**permalink**) 04/06/2008, 23:06

pues básicamente son errores de sintáxis se ve que que si lo copiaste nada mas jaja mira prueba con esto:

Código HTML:

<html>
    <head>
    
    <script type="text/javascript">
        
    function aumentar(){
	var fuente=8;
	var disminuir_fuente;
	var aumento_fuente;
fuente = fuente + 1;
if (fuente > 20)
{
fuente=20;
}
aumento_fuente = fuente+"px";
document.getElementById("Tu_id").style.fontSize=aumento_fuente;
}

function disminuir(){
fuente = fuente - 1;
if (fuente > 8)
{
 fuente=8;
}
disminuir_fuente = fuente+"px";
document.getElementById('Tu_id').style.fontSize=disminuir_fuente;
}



</script>

    </head>
</html>
<body>




<p id="Tu_id" style="font-size:12px;" >aquí viene la parrafada...kdfaasdfjasjkfhkashfjkaf</p>

<img src="lupa_mas.jpg" onclick="js:aumentar();">

<img src="lupa_menos.jpg" onclick="js:disminuir();">
</body>

rivahuevino · #3 (**permalink**) 04/06/2008, 23:08

Como decia el chapulin colorado: "Es exactamente lo que yo iba a decir"

Saludos...

Panino5001 · #4 (**permalink**) 04/06/2008, 23:10

Probá así:

Código PHP:

  <html>

<head>

<script type="text/javascript">

function aumentar(){

fuente = parseInt(document.getElementById("Tu_id").style.fontSize ) + 1

if (fuente > 20)return;

aumento_fuente = fuente+"px"

document.getElementById("Tu_id").style.fontSize=aumento_fuente

}

 
function disminuir(){

fuente =  parseInt(document.getElementById("Tu_id").style.fontSize ) - 1

if (fuente < 12)return;

disminuir_fuente = fuente+"px"

document.getElementById("Tu_id").style.fontSize=disminuir_fuente

}

 
</script>

</head>

<body>

<p id="Tu_id" style="font-size:12px;" >aquí viene la parrafada...kdfaasdfjasjkfhkashfjkaf</p>

<img src="lupa_mas.jpg" onclick="aumentar()"> <img src="lupa_menos.jpg" onclick="disminuir()">

</body>

</html>

Ojo con tu estructura html.

Panino5001 · #5 (**permalink**) 04/06/2008, 23:11

ups, me choqué con todos

mesbe86 · #6 (**permalink**) 04/06/2008, 23:16

son unos fenómenos, gracias, !!!!

mesbe86 · #7 (**permalink**) 04/06/2008, 23:22

me surgio otro inconveniente
cuando se lo quiero aplicar no me anda, ..... yo cuando guardo el texto ( cuando lo cargo en mi abm guardo en el campo texto todo en un <p> texto del abm </p> sera por eso que no me anda?
ademas lo quiero aplicar a toda una tabla completa. como tengo que hacer para que me de resultado?

Panino5001 · #8 (**permalink**) 04/06/2008, 23:34

Para aplicarlo a una tabla tendrás que aplicarle a la tabla el id que le aplicabas al párrafo. Y para guardar el tamaño tenés que referirte a la propiedad innerHTML, que es donde se aprecia la modificación del estilo. Fijate en este ejemplo:

Código PHP:

  <html>

<head>

<script type="text/javascript">

function aumentar(){

fuente = parseInt(document.getElementById("Tu_id").style.fontSize ) + 1

if (fuente > 20)return;

aumento_fuente = fuente+"px"

document.getElementById("Tu_id").style.fontSize=aumento_fuente

}

 
function disminuir(){

fuente =  parseInt(document.getElementById("Tu_id").style.fontSize ) - 1

if (fuente < 12)return;

disminuir_fuente = fuente+"px"

document.getElementById("Tu_id").style.fontSize=disminuir_fuente

}

 
</script>

</head>

<body>

<p id="guardar"><table id="Tu_id" style="font-size:12px;" width="80" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td>aquí viene la parrafada...kdfaasdfjasjkfhkashfjkaf</td>

    <td>aquí viene la parrafada...kdfaasdfjasjkfhkashfjkaf</td>

  </tr>

  <tr>

    <td>aquí viene la parrafada...kdfaasdfjasjkfhkashfjkaf</td>

    <td>aquí viene la parrafada...kdfaasdfjasjkfhkashfjkaf</td>

  </tr>

</table></p>

<img src="lupa_mas.jpg" onclick="aumentar()"> <img src="lupa_menos.jpg" onclick="disminuir()">

<a href="javascript:alert(document.getElementById('guardar').innerHTML)">ver</a>

</body>

</html>

Con el enlace podés comprobar cómo va cambiando la propiedad innerHTML a medida que cambiás los tamaños con los botones.

mesbe86 · #9 (**permalink**) 04/06/2008, 23:41

te paso el codigo para ver si te das cuenta en que le estoy errando, estoy recien arrancado con esto.... cuesta...

<table id="texto" bgcolor="white" width="540" cellpadding="0" cellspacing="0" border="0" style="margin:2px; padding:2px;">
<tr>
<td style="border-bottom:1px solid #9a9a9a; border-top:1px solid #9a9a9a margin:2px; padding:2px;" class="titulo-noticias" width="440" height="20" valign="middle">
<b>
<?
$SQLrubro = mysql_query("SELECT descripcion FROM noticias_categorias WHERE id_noticia_categoria='$id_noticia_categoria'",$lin k);
if ($row=mysql_fetch_array($SQLrubro)){
print ($row['rubro']);
}
?>
</b>
</td>
</tr>
<tr>
<td style="border-bottom:1px solid #9a9a9a margin:4px; padding:4px;" class="titulo-noticias" style="padding-top:5px; padding-left:10px;" width="440" height="20" valign="middle" >
<span class="titulo_noticia_destacada">
<?
if ($titulo==""){
print "-";
}else{
print ($resultado['titulo']);
}
?>
</span>
</td>
</tr>
<tr>
<td class="subtitulo-noticia" width="440" height="100" align="left" valign="middle" style="padding-top:5px; padding-left:10px;">
<?
if ($descripcion_noticia<>""){
?>
<span class="descripcion">
<?
print ($resultado['descripcion']);
?>
</span>
<?
}
?>
</td>
</tr>
<?
if ($foto_nombre_grande<>""){
?>
<tr>

<td width="100" align="center" valign="middle" style="padding-top:5px; padding-left:10px;">
<table cellpadding="3" cellspacing="3" style="BORDER-left:#CCCCCC 5px solid; BORDER-top:#CCCCCC 5px solid; BORDER-BOTTOM: #CCCCCC 1px solid; border-right:#CCCCCC 1px solid;">
<tr>
<td>
<blockquote><img src="cargador/fotos_noticias/<? print $foto_nombre_grande;?>"> </blockquote>
</td>
</tr>
</table>
</td>
</tr>
<?
}
?>

<tr>
<td class="texto-noticias" width="440" height="100" align="left" valign="middle" style="padding-top:5px; padding-left:10px;">
<span class="descripcion">
<?
if ($texto==""){
}else{
$var_con_saltos_de_linea=$resultado["texto"];
echo $var_con_saltos_de_linea;
}
?>
</span>
</td>
</tr>
<tr>
<td height="20">
</td>
</tr>
<tr>
<td>
<table border="0" width="500" style="border-top:black dotted 1px;">
<tr>
<td class="fuente-noticias" align="right" valign="middle">
<p style="font-family:arial; font-size:10px; margin-top:3px; margin-bottom:3px;">
<?

if ($fuente==""){
print " Fuente : El Diario de la gente ";
}else{
print "Fuente: ".$fuente;
}
?>
</p>

</td>
</tr>
<tr>
<td class="fuente-noticias" align="right" valign="middle">
<p style="font-family:arial; font-size:10px; margin-top:3px; margin-bottom:3px;">
<?
if ($fecha_publicacion<>""){
include("common.php");

print "Fecha de publicacion: ".invertir_formato_fecha($fecha_publicacion);
?>

<?
}
?>
</p>
</td>
</tr>
</table>

</td>

</tr>
</table>