Agrandar texto

[[email protected]]

Lo que necesito es que al posicionarme sobre un link (onmouseover) me agrande el texto y al salir (onmouseout) vuelva a la normalidad.


<div id="grande" onmouseover="agrandar('grande','','fontSize','14', 'DIV')"><a href="#">texto</a></div>

function agrandar(objId,x,theProp,theValue) { //v9.0
var obj = null; with (document){ if (getElementById)
obj = getElementById(objId); }
if (obj){
if (theValue == true || theValue == false)
eval("obj.style."+theProp+"="+theValue);
else eval("obj.style."+theProp+"='"+theValue+"'");
}
}

pero no funciona alguien me podria ayudar

[David]

Yo lo probé y sí funciona . Lo único que te falta es hacer que vuelva a la normalidad con el onmouseout.

[[email protected]]

Tienes razon funciona solo me faltaba 14px

Ahora podria hacer referencia a un estilo (style) donde vaya tamaño, tipo letra y color, y haga lo mismo agrandar y achicar con onmouseover y onmouseout
¿Se podra?

Iniciado por David el Grande

Yo lo probé y sí funciona . Lo único que te falta es hacer que vuelva a la normalidad con el onmouseout.

[David]

Si, solo necesitas cambiarle el className:

Código PHP:

  objeto.className = "estiloCSS"; 
   

[[email protected]]

Disculpa, no entendi donde debo realizar el cambio.

<div id="grande" onmouseover="agrandar('grande','','fontSize','14px ', 'DIV')" onmouseout="achicar('grande','','fontSize','10px', 'DIV')"><a href="#">texto</a></div>

function agrandar(objId,x,theProp,theValue) { //v9.0
var obj = null; with (document){ if (getElementById)
obj = getElementById(objId); }
if (obj){
if (theValue == true || theValue == false)
eval("obj.style."+theProp+"="+theValue);
else eval("obj.style."+theProp+"='"+theValue+"'");
}
}
function achicar(objId,x,theProp,theValue) { //v9.0
var obj = null; with (document){ if (getElementById)
obj = getElementById(objId); }
if (obj){
if (theValue == true || theValue == false)
eval("obj.style."+theProp+"="+theValue);
else eval("obj.style."+theProp+"='"+theValue+"'");
}
}

Iniciado por David el Grande

Si, solo necesitas cambiarle el className:

Código PHP:

  objeto.className = "estiloCSS"; 
   

[David]

Ese código no lo necesitas si vas a hacer referencia a una clase del CSS .

[[email protected]]

Ok. ya entendi, gracias.

Iniciado por David el Grande

Ese código no lo necesitas si vas a hacer referencia a una clase del CSS .