celda con evento onclick ?

[ciberpata]

un saludo:
En una pagina hecha en asp, stoy haciendo una tabla y quiero conseguir que cuando el usuario ponga el cursor encima de una celda de la tabla, dicha celda cambie de color y que además si hace click encima de la celda lo envie a otra pagina.
¿Pueden darme una idea de como hacerlo?
Gracias

[ruvelasco]

ahí te vá el ejemlo con css...

<style type="text/css">


a {
background-color: #556975;
color: white;
cursor: pointer;
padding: 4px 6px 2px 5px;
text-decoration: none;
}

a:hover {
background-color: #637D4D;
}

a:active {
background-color: #637D4D;
color: black;
}
</style>

<table>
<tr>
<td><a href="#">ejemplo</a></td>
</tr>
<tr>
<td><a href="#">ejemplo</a></td>
</tr>
</table>

En principio afactaría a todos los enlaces, pero es cuestión de crear clases...

Saludos

[ciberpata]

pero así solo funcionaría si el usuario se pone encima del enlace, y lo que yo necesito es que el hover funcione en toda la celda incluido el lugar de esa celda donde no está el enlace

[aaraneda]

Intentalo de esta forma

Código PHP:

   
<table> 
<tr> 
<td onmouseover="this.style.background='#f0f0f0'" onmouseout="this.style.background='#ffffff'" onclick="location.href='pagina_adonde_ir.asp'" style="cursor:pointer">ejemplo</td> 
</tr> 
</table>  
   

avisa como te va con este codigo

saludos

[ciberpata]

Exacto. eso es lo que quiero hacer, lo que pasa es que no tengo ni idea de JavaScript. Ahora solo me hace falta saber como pasarle al link parametros desde ASP y si puedo cargarlo en una frame o en una ventana nueva del navegador.

¿Esto mismo sería posible hacerlo con CSS sin necesidad de utilizar JavaScript?. Lo pregunto por si algún usuario tiene desactivado el javascript en su navegador.
Gracias

[pinchoso]

Para pasar los parametros desde asp al link:

Código:

<table> 
<tr> 
<td onmouseover="this.style.background='#f0f0f0'" onmouseout="this.style.background='#ffffff'" onclick="location.href='pagina_adonde_ir.asp?parm1=<%=MIPARAM%>&param2=<%=MIPARAM2%>'" style="cursor:pointer">ejemplo</td>  

Asi escribes los parametros que quieres pasar desde el link dentro del location.href.

Saludos,

[ciberpata]

He probado con este código para ver si me abre el link enuna ventana nueva pero no va, saben por qué:

<td onMouseOver="this.style.background='#f0f0f0'" onMouseOut="this.style.background='#ffffff'" onClick="location.href='http://www.viajealacarta.com/destinos.asp?id=<%=http://url.com%>'" target="_blank" style="cursor:pointer"</td>

[JavierB]

Hola ciberpata

Prueba con esto:

<td onMouseOver="this.style.background='#f0f0f0'" onMouseOut="this.style.background='#ffffff'" onclick="window.open('http://www.viajealacarta.com/destinos.asp?id=<%=http://url.com%>')" style="cursor:pointer"</td>

Saludos,

[djreficul]

No es por ná, pero... falta un >

<td onMouseOver="this.style.background='#f0f0f0'" onMouseOut="this.style.background='#ffffff'" onclick="window.open('http://www.viajealacarta.com/destinos.asp?id=<%=http://url.com%>')" style="cursor:pointer"></td>

Y luego...

'http://www.viajealacarta.com/destinos.asp?id=<%=http://url.com%>'

Aquí el id qué necesita? Un número? Una URL? Es q lo veo raro, jejeje.

Saludos.

[ciberpata]

Vale ya me funciona, pero.... hay alguna forma de que cuando uno se pone encima del link, este se vea en al barra de estado?. Mas que nada para poder seguir los vinculos a simple vista antes de subirla a Internet.

[ciberpata]

Saludos:
Ya casi lo he conseguido.
Resulta que la idea es que me ponga una fila de cada tabla con un color de fondo, de forma que cuando el usuario hace click sobre la fila le lleve a un enlace.

Por defecto cuando se carga la pagina las linea impares de la tabla salen de color gris y las pares de color blanco.

Cuando el usuario se posiciona encima de una de las filas, el color de la fila cambia al especificado en el "onmouseover" y cuando posiciona fuera de las filas se vuelve a poner el color de fondo que tenia la fila cuando se cargo la primera vez.

Funciona perfectamente en el explorer 6 pero en el firefox en las filas pares no coloca el color blanco al hacer el mouseover.


Les dejo el codigo por si acaso:

Código:

<%do until RS.eof 
        if colorfila=0 then
            color="#EEF0F7"
            colorfila=1
        else
            color="FFFFFF"
            colorfila=0
        end if %>
      
        <tr bgcolor="<%=color%>" onMouseOver="this.style.background='#f0f0f0'" onMouseOut="this.style.background='<%=color%>'" onclick="window.open('verofertasrecomendadas.asp?referenciaoferta=<%=RS("referenciaoferta")%>&empresaoferta=<%=rs("empresaoferta")%>')" style="cursor:pointer"> </tr>

Gracias por su ayuda.