Iluminar Celdas al dar click y abrir un enlace, ¿Como se hace?

antihem · #1 (**permalink**) 25/05/2005, 06:47

Muy Buenos Dias!.

Mi consulta es la siguiente:
¿ Es posible que... ?

Establecer algunas celdas en una tablita y que al dar click en alguna me abra un enlace y se ilumine dicha celda, pero si le doy en alguna otra tmb me habra el enlace y se ilumine pero que la otra se desilumine por asi decirlo..

Espero q me puedan ayudar.
Sinceramente, Muchas Gracias.

MikiBroki · #2 (**permalink**) 25/05/2005, 07:12

Bueno para lo de iluminar la celda yo creo dos Estilos uno "Sobre" y otro "Fuera", por ejemplo.

En cada TD asigno al ONMOUSEOVER "CLASS=Sobre" (defino las propiedades de la celda y entre ellas el BACKGROUND-COLOR con el que quiero que se ilumine) y en ONMOUSEOUT "CLASS=Fuera" (vuelvo a definir las propiedades de la celda, pero sin "iluminación")

Para abrir un enlace en cada celda uso una función de JavaScript en la que paso el nombre de la página a abrir, y en la función la abro con:

document.location.href = pagina;

Espero que te sirva.

antihem · #3 (**permalink**) 25/05/2005, 07:46

Muchas Gracias Miki, pero no tengo la mas minima idea de JavaScript.
no tienes algun ejemplo?.

MikiBroki · #4 (**permalink**) 25/05/2005, 07:50

Desde luego, ahí vamos (carga la página en un frame):

Código:

function Ir(Destino)
{
	frames['framePrincipal'].location.href = Destino;
}

antihem · #5 (**permalink**) 25/05/2005, 08:04

Ajap.

Mira, el codigo que me encontre es el siguiente, pero lamentablemente esta incompleto, espero q te pueda ayudar para ayudarme jeje..

Se puede observar que la funcion ShowLinks esta incompleta.

Y el problema que tengo con ese script es que no se abren los enlaces, obviamente porque falta la esa funcioncita, hay alguna otra manera? es decir, hacer alguna otra funcioncita o completar la incompleta?

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>TEST</TITLE>

<META http-equiv=Content-Type content="text/html; charset=windows-1252">

<STYLE type=text/css>.relative {
	POSITION: relative; BACKGROUND-COLOR: #ffffcc
}
</STYLE>

<SCRIPT language=JavaScript>
var activeAnchor = 0;
var activeColor = '#FFCC99';
var inActiveColor = '#FFFFCC';

// change the background color to a given value
function setBgColor(id, color) {
 var aid = "anchor" + id;

 if (document.all) document.all(aid).style.setAttribute("background", color, "false");
 else document.layers[aid].bgColor = color;
}

// change the background color only for 'inactive' entries
function setBgColorEx(id, color)
{
   if (id != activeAnchor)
   {
      setBgColor(id, color);
   }
}

//  
function showLinks(file, id)
{
  if (activeAnchor != 0 && activeAnchor != id) setBgColor(activeAnchor, inActiveColor);
  activeAnchor = id;
  // ...
}
</SCRIPT>

<META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD>
<BODY>
<TABLE cellSpacing=3 width=90 border=0>
  <TBODY>
  <TR>
    <TD class=relative id=anchor1 onmouseover="setBgColorEx(1, activeColor)" 
      onmouseout="setBgColorEx(1, inActiveColor)" >
	  <A href="javascript:showLinks('entretenimineto.htm', 1)">Link 1</A></TD></TR>
  <TR>
    <TD class=relative id=anchor2><A 
      onmouseover="setBgColorEx(2, activeColor)" 
      onmouseout="setBgColorEx(2, inActiveColor)" 
      href="javascript:showLinks('two', 2)">Link 
2</A></TD></TR></TBODY></TABLE></BODY></HTML>