Subrayar texto "onMouseOver"

pabloe9k · #1 (**permalink**) 27/07/2010, 20:59

Hola, fenómenos de la web!
Estoy necesitando una pequeña ayuda con un JavaScript.
Necesito que se subraye un texto ante el evento "onmouseover". Pero no quiero definir ningún script general para toda la página.

Tengo entendido que se puede hacer con algo parecido como a lo que dejo a continuación:

Código HTML:

<div align="center" onmouseover="this.style.text: underline">
   <font face="arial" size="2">Desarrollo, Diseño y Hosting: CPP Development</font>
</div>

Lamentablemente este código no me funciona.
Podrían darme una mano, por favor?

Muchas gracias, amigos.
Saludos.

deirdre · #2 (**permalink**) 27/07/2010, 22:17

Hola pabloe9k

Pregunto: y tienes que hacerlo con javascript...?

Puedes usar la sencilla regla de enlaces (en este caso un falso enlace) de css:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Subrayar onmouseover -falso enlace-</title>
<style type="text/css">
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
</style>
</head>

<body>

<p><a href="#">Texto que parecerá subrayado al colocar el cursor</a></p>

</body>

</html>

Saludos

ArturoGallegos · #3 (**permalink**) 27/07/2010, 22:46

y para que un falso enlace?
solo asegúrate de declarar el DOCTYPE para que funcione

Código CSS:

Ver original.TextoSubrayado{font:14px arial;color:#FF9900}
.TextoSubrayado:hover{color:#00FF00; text-decoration: underline;}

Código HTML:

Ver original<div class="TextoSubrayado">Desarrollo, Diseño y Hosting: CPP Development</div>

Jokuto · #4 (**permalink**) 28/07/2010, 07:26

Adler · #5 (**permalink**) 28/07/2010, 07:50

Hola

Cita:

Iniciado por Jokuto

¿Y si el usuario tiene el javascript desactivado? Es mas conveniente usar css, como se indica en los dos post anteriores

pabloe9k · #6 (**permalink**) 28/07/2010, 10:09

Cita:

Iniciado por Jokuto

Esto es exáctamente lo que estaba buscando!
Muchas gracias, Jokuto!

Saludos.

ArturoGallegos · #7 (**permalink**) 28/07/2010, 10:41

ni que decir si pabloe9k prefiere el javascript, ya es gusto de cada quien

pabloe9k · #8 (**permalink**) 28/07/2010, 11:39

Cita:

Iniciado por Ag666

ni que decir si pabloe9k prefiere el javascript, ya es gusto de cada quien

Jajajaja.
Para este caso me era mucho más cómodo.
De todos modos, en el posteo anterior, me olvidé de agradecerles a todos los demás sus recomendaciones.

Gracias a todos!!
Saludos.