Foros del web, para los que viven de bits

kintia · 11-abr-2008, 11:26

Hola, tengo un menu hecho a partir de una simple tabla, y queria saber si hay alguna forma de resaltar los bordes en color, pero solo cuando el mouse esta encima o le das click para entrar en el enlace. Supongo que es con java pero no lo conseguí. no lo queria hacer con flash para no tener problemas de que alguna gente o navegadores no lo lean.

Muchas Gracias

osvier · 11-abr-2008, 14:29

Prueba este script:

Código:

<script language="javascript">
	function cambia(color){
		var letra;
		if(color == 1)
			letra="000000";
		else 
			letra="FF0000";
		var objeto = document.getElementById("tabla");   
		objeto.style.borderColor = letra
	}	
</script>

y en el código HTML de tu tabla pones estos atributos y valores:

Código HTML:

<table id="tabla" width="200" border="4" bordercolor="#FF0000" onmouseover="cambia(1);" onmouseout="cambia(2);">

Espero te sirva...

saludos.

kintia · 11-abr-2008, 15:30

Pues gracias pero no funciona osvier.... no se como puedo hacerlo....

saludos

fiel9000 · 11-abr-2008, 15:54

Prueba esto:

Cita:

Si no te funciona activa el javascript de tu navegador.

kintia · 11-abr-2008, 16:21

como se activa el java del navegador fiel? pq al igual es eso, pq el codigo que me has puesto tampoco va

gracias, un saludo

pateketrueke · 11-abr-2008, 17:02

Cita:

Iniciado por kintia

como se activa el java del navegador fiel? pq al igual es eso, pq el codigo que me has puesto tampoco va

gracias, un saludo

javascript, ke navegador usas?

kintia · 12-abr-2008, 12:48

pues estoy trabajando con dreamweaver y de navegadores con explorer y firefox, que supongo que son los mas utilizados

osvier · 14-abr-2008, 14:37

¿Has usado javascript antes?

El código JS se pone dentro de los tags HEAD asi:

Código:

<html>
  <head>
              <script language="javascript">

                             //código javascript

              </script>
  </head>
<body>
    <table ......>
    </table>
</body>
</html>

Luego dentro del body creas tu tabla (la puedes hacer visualmente con Dreamweaver o cualquier programa parecido) y después de crearla, entras al código y sustituyes el tag <table>, por el código que te puse después o el que te posteó fiel9000.

kintia · 16-abr-2008, 11:36

si, lo hice asi como dices, pero nada....

osvier · 16-abr-2008, 13:00

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=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">
	function cambia(color){
		var letra;
		if(color == 1)
			letra="000000";
		else 
			letra="FF0000";
		var objeto = document.getElementById("tabla");   
		objeto.style.borderColor = letra
	}	
</script>
</head>

<body>
<table id="tabla" width="200" border="4" bordercolor="#FF0000" onmouseover="cambia(1);" onmouseout="cambia(2);">
  <tr>
    <td>a</td>
    <td>b</td>
    <td>c</td>
  </tr>
  <tr>
    <td>d</td>
    <td>e</td>
    <td>f</td>
  </tr>
  <tr>
    <td>g</td>
    <td>h</td>
    <td>i</td>
  </tr>
</table>
</body>
</html>

A mi me funciona bien...

11-abr-2008, 11:26	#1 (permalink)
kintia Fecha de Ingreso: abril-2008 Mensajes: 9	efecto resaltar bordes cuando pasa el mouse Hola, tengo un menu hecho a partir de una simple tabla, y queria saber si hay alguna forma de resaltar los bordes en color, pero solo cuando el mouse esta encima o le das click para entrar en el enlace. Supongo que es con java pero no lo conseguí. no lo queria hacer con flash para no tener problemas de que alguna gente o navegadores no lo lean. Muchas Gracias

11-abr-2008, 15:30	#3 (permalink)
kintia Fecha de Ingreso: abril-2008 Mensajes: 9	Re: efecto resaltar bordes cuando pasa el mouse Pues gracias pero no funciona osvier.... no se como puedo hacerlo.... saludos

11-abr-2008, 15:54	#4 (permalink)
fiel9000 Fecha de Ingreso: marzo-2008 Mensajes: 7	Re: efecto resaltar bordes cuando pasa el mouse Prueba esto: Cita: <table id="tabla" onmouseover="document.getElementById('tabla').styl e.borderColor='#CC3333'" onmouseout="document.getElementById('tabla').style .borderColor='#0000FF'" style=" border-color:#0000FF" border="5"> Si no te funciona activa el javascript de tu navegador.

11-abr-2008, 16:21	#5 (permalink)
kintia Fecha de Ingreso: abril-2008 Mensajes: 9	Re: efecto resaltar bordes cuando pasa el mouse como se activa el java del navegador fiel? pq al igual es eso, pq el codigo que me has puesto tampoco va gracias, un saludo

11-abr-2008, 17:02	#6 (permalink)
pateketrueke Fecha de Ingreso: abril-2008 Ubicación: Mexihco-Tenochtitlan Mensajes: 3.165	Re: efecto resaltar bordes cuando pasa el mouse Cita: Iniciado por kintia como se activa el java del navegador fiel? pq al igual es eso, pq el codigo que me has puesto tampoco va gracias, un saludo javascript, ke navegador usas?

12-abr-2008, 12:48	#7 (permalink)
kintia Fecha de Ingreso: abril-2008 Mensajes: 9	Re: efecto resaltar bordes cuando pasa el mouse pues estoy trabajando con dreamweaver y de navegadores con explorer y firefox, que supongo que son los mas utilizados

14-abr-2008, 14:37	#8 (permalink)
osvier Fecha de Ingreso: enero-2006 Mensajes: 137	Re: efecto resaltar bordes cuando pasa el mouse ¿Has usado javascript antes? El código JS se pone dentro de los tags HEAD asi: Código: <html> <head> <script language="javascript"> //código javascript </script> </head> <body> <table ......> </table> </body> </html> Luego dentro del body creas tu tabla (la puedes hacer visualmente con Dreamweaver o cualquier programa parecido) y después de crearla, entras al código y sustituyes el tag <table>, por el código que te puse después o el que te posteó fiel9000.

16-abr-2008, 11:36	#9 (permalink)
kintia Fecha de Ingreso: abril-2008 Mensajes: 9	Re: efecto resaltar bordes cuando pasa el mouse si, lo hice asi como dices, pero nada....

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado