Cambiar el color de una celda de una tabla

Community ES
#1

Hola a todos por aqui…

Tengo un pequeño problema y haber si alguien me puede ayudar

quiero poner una celda de una tabla y cuando presionen pasen el mouse
por encima cambie de color…

hice esto pero no funciona…

tengo esto en la cabecera de mi layout

<%= stylesheet_link_tag "recibos" %> Sistema de Recibos

y dentro de mi archivo index esto

<%=h recibo.nombre %>

Pero no funciona, alguien conoce la manera de realizar esto…

Gracias por su ayuda…

#2

Que tal Faustino,

Pues yo tambien queria eso en uno de mis proyectos. Buscando por alli
encontré Tablecloth.
Es una combinación entre css/javascript que permite justamente eso, que
en
la tabla que hacemos se marquen por colores ya sea la fila o la columna
o
ambos. Ademas que al hacer click en alguna celda tambien puede cambiar
de
color. Tuve algunos problemas al inicio porque queria ponerlo solo en
algunas tablas y no en todas pero al final si me funcionó.

La direccion es:
http://cssglobe.com/lab/tablecloth/

2008/7/30 Faustino V. [email protected]

#3

Siguiendo tu ejemplo:

Pongo en:
#Application.html.erb

y en la vista donde tengo la tabla con la celda a iluminar:

prueba

Pero una cosa, esta es una lista de RoR. y como ves lo que tu has
preguntado
y lo que yo he respondido es sólo javascript. Así que estas preguntas
mejor
en una lista especializada en javascript como esta [1]. Yo estoy
encantando
de poder ayudarte, pero si hablamos de rails mejor :slight_smile:

Un saludo

[1] http://lists.scriptia.net/listinfo.cgi/javaescript-scriptia.net

2008/7/31 Alex R. [email protected]

#4

Una disculpa y tienes razon… quiza me estoy preocupando mucho por la
visualizacion y no por la aplicacion…

Gracias por tu comentario y por tu ayuda…

#5

eso tan solo se hace con css, de la siguiente manera
tr.cssItemStyle:hover {background-color:#f6f6f6}
o
td.cssItemStyle:hover {background-color:#f6f6f6}

cssItemStyle puede ser el class que quieras

un saludo

2008/7/31 Andrés gutiérrez [email protected]

function out(element,color_salida) {
onmouseout=“out(this,’#ffffff’);” >prueba
[1] http://lists.scriptia.net/listinfo.cgi/javaescript-scriptia.net

ambos. Ademas que al hacer click en alguna celda tambien puede cambiar de

}

<td onMouseOver="over(this,'CC0000');" [email protected]

[email protected]
http://lists.simplelogica.net/mailman/listinfo/ror-es

Ror-es mailing list
[email protected]
http://lists.simplelogica.net/mailman/listinfo/ror-es

–

Mauricio Dulcce

+54 1 5 36179028
Santos Dumont 2475
Capital Federal, Buenos Aires Argentina

#6

Este hilo sigue siendo off-topic, pero como ya lo hemos empezado…

eso tan solo se hace con css, de la siguiente manera
tr.cssItemStyle:hover {background-color:#f6f6f6} o
td.cssItemStyle:hover {background-color:#f6f6f6}
cssItemStyle puede ser el class que quieras

Yo no soy un experto en usabilidad. Pero creo que esta solución (:hover
en
algo que no sea una tag (a) no funcionará en explorer<v.6) creo, como
repito
no soy un experto

Un saludo

El 31 de julio de 2008 22:55, Mauricio D.[email protected]
escribió:

#7

Nada, en esta lista estamos para ayudar, lo que me quiera preguntar
sobre
diseño, css maquetacion etc con gusto le colaboro que ese es mi fuerte y
no
el desarrollo

El 31 de julio de 2008 12:12, Faustino V.<
[email protected]>escribió:

[email protected]
http://lists.simplelogica.net/mailman/listinfo/ror-es

–

Mauricio Dulcce

+54 1 5 36179028
Santos Dumont 2475
Capital Federal, Buenos Aires Argentina