Ver Mensaje Individual
  #10 (permalink)  
Antiguo 04/06/2004, 18:12
Avatar de Rafael
Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 22 años
Puntos: 1826
Unas dudas

Modifiqué un poco el script anterior para resolver unas dudas:

<html>
<head>
<script>

tamanioFuente=10;
function tamanio(cuanto){
if (tamanioFuente<100 && tamanioFuente>9) {
tamanioFuente+=cuanto;}
document.getElementById("texto").style.fontSize=(t amanioFuente)+"px";}

function pepe() {setInterval('tamanio(5)',50);}

</script>
</head>
<body>
<div id="texto2">Juanito</div>
<a href="#" onmouseover="pepe()">Crece Pepito crece</a>
<div id="texto">Pepito</div>
</body>
</html>


El document.getElementById está en términos de "texto", sólo modifica a este id, por lo que para modificar a Juanito habría que hacer una función tamanioFuenteJuan, y una función juan().

¿Cómo puedo hacerla con id´s para reutilizar la función tamanio?

<html>
<head>
<script>

tamanioFuente=10;
function tamanio(cuanto){
if (tamanioFuente<100 && tamanioFuente>9) {
tamanioFuente+=cuanto;}
document.getElementById(Id).style.fontSize=(tamanioFuente)+"px";}

function pepe(Id) {setInterval('tamanio(5)',50);}

</script>
</head>
<body>
<a href="#" onmouseover="pepe(texto2)">Crece Juanito crece</a>
<div id="texto2">Juanito</div>
<a href="#" onmouseover="pepe(texto)">Crece Pepito crece</a>
<div id="texto">Pepito</div>
</body>
</html>


Última edición por Rafael; 04/06/2004 a las 18:14