TEXTO sobre onmouseover

Gustaf · #1 (**permalink**) 08/04/2002, 19:36

Tengo dos botones, "a" y "b" como onmousover, debo hacer
visible siempre un texto diferente sobre cada boton
usando Arial 10 en Negrita... Que el botón "a" diga Prueba1 y el "b" Prueba2 con un Javascript...
como podría adaptar texto sobre
este simple script que intercambia imágenes al pasar el mouse ???
Desde ya muy agradecido al que sepa como hacerlo !!! Gustaf_

<html>

<head>

<script language="javascript1.1">

</script>

</head>

<body>

<a href="prueba1.html"
onmouseover="filter('a3','a2')"
onmouseout="filter('a3','a1')">
<img src="out.jpg" name="a3" border=0 width=170 height=30>
</a>

<p>

<a href="prueba2.html"
onmouseover="filter('b3','b2')"
onmouseout="filter('b3','b1')">
<img src="out.jpg" name="b3" border=0 width=170 height=30>
</a>

</p>

</body>

</html>

bet · #2 (**permalink**) 09/04/2002, 07:11

No estoy del todo segura de haber entendido lo que querés hacer.

Pero por las dudas fijate si este código apunta hacia donde vos querés.

Código:

&lt;html&gt;

&lt;style type=&quot;text/css&quot;&gt;
 .boton {
		font-family: arial, helvetica, sans-serif;
		font-weight: bold;
		font-size: 10pt;
		width: 100px;
		border-width: 5;
		background-color: mediumblue;
		border-top-color: lightblue;
		border-left-color: lightblue;
		}
&lt;/style&gt;

&lt;head&gt;

&lt;script language=&quot;JavaScript&quot;&gt;
&lt;!--
	function cambio(id, color){
		f1.elements[id].style.color = color;
	}
//--&gt;
&lt;/script&gt;

&lt;/head&gt;

&lt;body&gt;

&lt;form method=post action=&quot;&quot; name=&quot;f1&quot;&gt;
&lt;p&gt;&lt;input class=&quot;boton&quot; type=&quot;button&quot; value=&quot;Prueba1&quot; name=b1 onMouseOver=&quot;cambio('b1','white')&quot; onMouseOut=&quot;cambio('b1','black')&quot;&gt;&lt;/p&gt;

&lt;p&gt;&lt;input class=&quot;boton&quot; type=&quot;button&quot; value=&quot;Prueba2&quot; name=b2 onMouseOver=&quot;cambio('b2','white')&quot; onMouseOut=&quot;cambio('b2','black')&quot;&gt;&lt;/p&gt;

&lt;/form&gt;

&lt;/body&gt;
&lt;/html&gt;

<hr noshade size=1><img src="http://www.gograph.com/Images-8712/ClipArt/cat03.gif" height="50" border=0 align="absmiddle"> <font size="2" face="verdana" color="#000000">bet[/CODE]

Gustaf · #3 (**permalink**) 09/04/2002, 08:53

Se trata de dos imágenes que cambian con onmouseover pero quiero ponerles encima un texto en Arial 10 negrita sin efectos, ya se que es más fácil dibujar el texto sobre las imágenes pero no cuando se trata de 30 botones con imágenes jpg (ya que debería dibujar 60 botones, en cambio con un script solo dos imagenes) y no quiero usar el applet de FrontPage que inserta componentes y botones activables, debe trabajar igual, pero con un javascript.

O quizás se pueda hacer un onmouseover+link como fondo de una celda de tabla y encima de esta celda el texto siempre visible sin efectos... o tratarlas como capas... no se...

Prepare el ejemplo en esta dirección, claro que no está el dichoso texto sobre las imágenes de prueba que es lo que quiero lograr pero con un JavaScript:

http://laredglobal.com.ar/prueba.html