Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
¿Cómo cambiar color texto casilla tabla al hacer click encima con el ratón?
#1
Hola Sonrisa

Estoy intentando conseguir que el texto de una casilla de una tabla cambie de color cuando haga click con el ratón encima de ella

No lo consigo Enfadado

He encontrado muchos ejemplos de código que hace cambiar el color de fondo de una celda/casilla. Pero ninguno de cómo cambiar el color del texto.

Estoy intentandolo con este código, pero no me funciona

<html>
<head>
<script type="text/javascript">
function cambiacolor_texto(celda){ celda.style.color="#00008B" }

</script>

</head>
<body>
<table "border="1" rules="all"" >
<TR align=center>
<TD WIDTH=400 bgcolor="#ffffff" onmousedown="cambiacolor_texto(this)">
Casilla 1
</TD>
<TD WIDTH=400 bgcolor="#ffffff" onmousedown="cambiacolor_texto(this)">
<font color="#FF8C00">Casilla 2</font>
</TD>
</TR>
</body>
</html>




¿Alguien podría ayudarme?

Muchas gracias, un saludo
#2
Checa este código:

Código:
<!DOCTYPE html>
<html>
<head>
<style type="text/css" rel="stylesheet">
body{
    background:#eee;
}
table#ejemplo {
    background:#fff;
}
table#ejemplo td{
    padding:2px 4px;
}
table#ejemplo td.activo{
    color:red;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript">
$(function(){
    $("td").click(function(){
        $(this).addClass("activo").parent().siblings("tr").find("td").removeClass("activo");
    });
});
</script>
<title>Ejemplo</title>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" id="ejemplo">
<tbody>
<tr>
<td>Columna 1 : Fila 1</td>
<td>Columna 2 : Fila 1</td>
</tr>
<tr>
<td>Columna 1 : Fila 2</td>
<td>Columna 2 : File 2</td>
</tr>
</tbody>
</table>
</body>
</html>

Es una pequeña función jQuery que sólo agrega la clase "activo" a las columnas cuando les das click, me parece mucho mejor controlar el color con CSS que con JavaScript directamente.
WWW
#3
AbaddonOrmuz : Muchas gracias, lo probaré Sonrisa

¿Alguna otra idea? Sonrisa
#4
Nos avisas como te fue, para ver si lo puedo llevar a un diseño para tablets y móviles.
#5
(30-10-2012, 11:31 AM)LoboBlanco escribió: AbaddonOrmuz : Muchas gracias, lo probaré Sonrisa

¿Alguna otra idea? Sonrisa

La mejor idea es la que te han dado de usar css, no hay algo mejor para eso. Tal vez una explicación más detallada
#6
con css seria mejor
#7
hay avisan para ver si funciona, quiero un codigo parecido Lengua
WWW
#8
¿Es necesario que cuando se haga click?

Porque podrías hacerlo con :hover, incluso (no estoy seguro) se podría usar el :active de CSS.

Eso te evita recargar tu ordenador con jquery para algo tan sencillo.
WWW
#9
Muchas gracias Julien Sonrisa

Sí, mi idea es que sea al hacer click con ratón

Probaré con el :active de CSS (que por ahora no sé que es, pero buscaré información)
#10
Yo en la tarde puedo revisar.

Quize decir, recargar tú web, no tú ordenador xD
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  [Duda] Con respecto de cambiar color a una plantilla con seleccionador Hostingbir 0 340 21-09-2016, 03:04 PM
Último mensaje: Hostingbir
  [Aporte] Codigo para renombrar tabla MySQL gassip 3 543 23-12-2015, 08:10 AM
Último mensaje: AbaddonOrmuz
  [Duda] Como hacer una web igual ivanblanco 14 1,232 10-11-2015, 07:30 AM
Último mensaje: mispracticas2009
  No dejar seleccionar el texto de nuestra Web: aerotuning 8 663 12-05-2015, 10:29 PM
Último mensaje: JulioRvz92
  InHabilitar Click derecho sin mensaje y con mensaje RezakeaoCrew 2 359 06-05-2015, 12:12 AM
Último mensaje: RezakeaoCrew
  Neuro Web Design y lo que necesitas saber para hacer sitios web más sexys jlgarduza 4 608 11-04-2015, 01:05 AM
Último mensaje: fercol
  [Tutorial] Como hacer que tu página no se almacene en la caché del navegador Kevin9908 10 1,845 28-02-2015, 08:26 PM
Último mensaje: amplox
  [PHP] Hacer un loop simple torgar22 0 577 28-02-2015, 02:47 PM
Último mensaje: torgar22
  [PHP] Leer y mostrar archivo de texto torgar22 0 860 28-02-2015, 02:36 PM
Último mensaje: torgar22
  Como hacer un Sistema de Noticias con PHP y MySQL torgar22 3 1,627 02-02-2015, 05:16 PM
Último mensaje: AngelKrak



Usuarios navegando en este tema: 1 invitado(s)