Hola buenos dias.
Queria saber como se hace el efecto que hace el phpmyadmin en las tablas.
Por ejemplo como hace que la fila cambie de color cuan el mouse pasa por encima de la fila y como vuelve al mismo color cuando se quita?
Tambien como hace que cambie de otro color cuando hace clic encima de la fila o de un checkbox?
Si alguien me pude ayudar estare agradecido...!!!!
Efecto hover en las tablas con css
Started by
luis5636
, Aug 29 2012 08:48 AM
9 replies to this topic
#2
felipe
-
- Administrador
-
- 3283 posts
Advanced Member
- LocationColombia
Posted 29 August 2012 - 12:49 PM
Solo es añadir :hover al estilo del elemento en mención y allí el resto.
Saludos!
Saludos!
#3
luis5636
-
- Miembros
-
- 20 posts
Member
Posted 30 August 2012 - 09:30 AM
Voy a probarlos!!!, yo te aviso si me funciona.
Excelente!!!!
Pero quiero saber como hacer para que cuando preciones en un checkbox se quede de un color, pero que ese color quede estatico, pero cuando el checkbox no este checkeado vuelva a la normalidad con la funcion hover
ejemplo:
Excelente!!!!
Pero quiero saber como hacer para que cuando preciones en un checkbox se quede de un color, pero que ese color quede estatico, pero cuando el checkbox no este checkeado vuelva a la normalidad con la funcion hover
ejemplo:
#4
felipe
-
- Administrador
-
- 3283 posts
Advanced Member
- LocationColombia
Posted 30 August 2012 - 10:22 AM
Yo creo que aquí la cosa va más por el lado de JavaScript, puesto que tendrías que manejar una referencia para el elemento checkbox seleccionado.
Saludos!
Saludos!
#5
luis5636
-
- Miembros
-
- 20 posts
Member
Posted 30 August 2012 - 11:39 AM
Y sabes como se haria???? 
Es que lo que quiero hacer es:
Tener una tabla donde obtengo registros de la bases de datos y en la primera columna poner un check, que cuando se presiuones el check quede de un color estatico, pero cuando no se presiones tenga la funcionalidad :hover, eso es lo que quiero hacer. Sabes como hacerlo???????
He estado investigando pero solo me aperecen ejemplos con :hover, no a como yo quiero....
Es que lo que quiero hacer es:
Tener una tabla donde obtengo registros de la bases de datos y en la primera columna poner un check, que cuando se presiuones el check quede de un color estatico, pero cuando no se presiones tenga la funcionalidad :hover, eso es lo que quiero hacer. Sabes como hacerlo???????
He estado investigando pero solo me aperecen ejemplos con :hover, no a como yo quiero....
#6
felipe
-
- Administrador
-
- 3283 posts
Advanced Member
- LocationColombia
Posted 30 August 2012 - 12:55 PM
¿Y porqué no pruebas con JQuery?, así te ahorras aplicar cada estilo a la tabla. Esta es de pago pero de seguro encontrarás más: http://www.trirand.net/default.aspx
Saludos!
Saludos!
#7
luis5636
-
- Miembros
-
- 20 posts
Member
Posted 30 August 2012 - 06:00 PM
Hola!!!!, pero yo lo quiero gratutito. Quiero que lo que estoy creando sea gratuito todo la tecnologia que use... Por eso no ocupo nada de pago!!!!, pero gracias....
Seguiere investigando, pero si te das cuenta de como hacerlo, hazmelo saber... Te estare agradecido....
Seguiere investigando, pero si te das cuenta de como hacerlo, hazmelo saber... Te estare agradecido....
#8
luis5636
-
- Miembros
-
- 20 posts
Member
Posted 05 September 2012 - 04:27 PM
Hola, he buscado hacerca del efecto, pero no encuentro mucho... No se si el efecto se hace con javascript talvez me pueden orientar mejor.
#9
felipe
-
- Administrador
-
- 3283 posts
Advanced Member
- LocationColombia
Posted 05 September 2012 - 04:43 PM
Pues si que es JavaScript, lo de colocar checkboxes sobre la tabla no es tan simple, por eso mi recomendación de buscar alguna que ahorrara algo de trabajo, el enlace anterior solo era de ejemplo, deberás buscar otros proyectos. http://sourceforge.n...grid javascript
Saludos!
Saludos!
#10
porfi.dev
-
- Miembros
-
- 183 posts
Advanced Member
- LocationMy House @ México
Posted 20 November 2012 - 05:33 PM
Con JavaScript seria algo asi...
Solo necesitas activar la funcion cada vez que marquen o desmarquen la funcion.
[js]
<script>
function verificar()
{
if (document.getElementById("check1").checked)
document.getElementById('elementodiv').className='nuevoEstilo';
}
</script>
</head>
<body>
<div id="elementodiv">
<form>
<input type="checkbox" id="check1">Do you like summer?
</form>
</div>
<button onclick="verificar()">Check Checkbox</button>
[/js]
Solo necesitas activar la funcion cada vez que marquen o desmarquen la funcion.
[js]
<script>
function verificar()
{
if (document.getElementById("check1").checked)
document.getElementById('elementodiv').className='nuevoEstilo';
}
</script>
</head>
<body>
<div id="elementodiv">
<form>
<input type="checkbox" id="check1">Do you like summer?
</form>
</div>
<button onclick="verificar()">Check Checkbox</button>
[/js]
