Noticias
Nuevos mensajes
Buscar
Usuarios
Fisgona
Comunidades
Hosting
Otros servicios
Webmasters
tuxor
Usuario habitual
Usuario habitual
#1

eso ando buscando un javascripts que atraves de un link o boton me permita cambiar el color de las celdas que se encuentrar en la pag


alguien me podria dar una manito pliss

Avatar Image
Moderador
Moderador
#2
De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


tuxor
Usuario habitual
Usuario habitual
#3

gaf...cerca.........cerca
pero lo que necesito es qu teniendo celdas de colores por ejemplo para poner el titulo, que al apretar el boton o el link..cambie el color y quede asi, como una forma de personalizar los colores de la web para los usuarios

Avatar Image
Moderador
Moderador
#4

Una especie de personalización,según usuario?
Lo unico que conozco parecido a eso es este Modifica el color de fondo por el que selecciona el usuario. Pero si encuentro uno te dejo el enlace.

codigo
<html>
<head>
<title> Color de fondo </title>
</head>

<body bgcolor="#FFFFFF">
<SCRIPT language="JavaScript">
<!--

function get_color(color_num)
{
var now_color=color_num;

var my_color= new Array(5)
my_color[0]="lime";
my_color[1]="orange";
my_color[2]="lightblue";
my_color[3]="pink";
my_color[4]="ghostwhite";

document.bgColor=my_color[now_color];
}
//-->
</SCRIPT>
<P>
<B>Cambiar el color de fondo!</B>
<P>
<FORM>
<INPUT type="button" value="Lima" onClick="get_color(0)">
<INPUT type="button" value="Naranja" onClick="get_color(1)">
<INPUT type="button" value="Celeste" onClick="get_color(2)">
<INPUT type="button" value="Rosa" onClick="get_color(3)">
<INPUT type="button" value="Blanco" onClick="get_color(4)">
</FORM>

</body>
</html>


es posible que se pueda editar ese code para lo que quieres, pero la verdad no se me ocurre como.
De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


tuxor
Usuario habitual
Usuario habitual
#5

claro personalizacion por usuario
habia pillado el codigo que me diste tu y estaba experimentando sobre el pero no pasa na.....
gracias igual master

User 28318
User 28318
Machacateclados
Machacateclados
#6

modificando el código de Gaf se puede conseguir:


<html>
<head>
<title> Color de fondo </title>
</head>

<body bgcolor="#FFFFFF">

<P>
<table border="1">
<tr>
<td style="background-color:yellow;">celda1</td>
<td style="background-color:yellow;">celda2</td>
</tr>
<tr>
<td style="background-color:yellow;">celda3</td>
<td style="background-color:yellow;">celda4</td>
</tr>
</table>
<P>
<SCRIPT language="JavaScript">
<!--
//var now_color=color_num;
var my_color= new Array(5)
my_color[0]="lime";
my_color[1]="orange";
my_color[2]="lightblue";
my_color[3]="pink";
my_color[4]="ghostwhite";
celda = document.getElementsByTagName( "td" ) ;
function get_color(color_num)
{
for (i = 0; i < celda.length;i++){
celda[i].style.backgroundColor=my_color[color_num];
}
}
//-->
</script>
<FORM>
<INPUT type="button" value="Lima" onClick="get_color(0)">
<INPUT type="button" value="Naranja" onClick="get_color(1)">
<INPUT type="button" value="Celeste" onClick="get_color(2)">
<INPUT type="button" value="Rosa" onClick="get_color(3)">
<INPUT type="button" value="Blanco" onClick="get_color(4)">
</form>

</body>
</html>


funcionará con las versiones superiores de los navegadores (aquellos que se adecuan al standar DOM), es decir, funcionará con la mayoría de los navegadores actuales.

salu2.

tuxor
Usuario habitual
Usuario habitual
#7

te las mandaste loko
lo que si un detalle


celda = document.getElementsByTagName("td&quot; ...faltaba el ) final y daba error...jojojojojoj


.........gracias loko

Avatar Image
Okupa del foro
Okupa del foro
#8

Mmmm... ¿habéis pensado en hacerlo mediante hojas de estilo? Es decir, que sea una propiedad CSS la que define el color, y que la función get_color() modifique dicha propiedad. No sé si me explico...

tuxor
Usuario habitual
Usuario habitual
#9

hay me dejaste pillo.............soy nuevo en esto asi que poko cacho


otra cosa me surgio un problema con el codigo de "jallmalatesta"

como puedo hacer para que solo cambie el color de 1 celda y no del conjunto?

User 28318
User 28318
Machacateclados
Machacateclados
#10

de nada, tuxor; error que daba es porque tuve que modificar algo el código para que mo apareciera el puñetero muñequito de los coj...s; en vez de escribir ("td&quot tuve que escribir ( "td" ).
en cuanto a lo de Kitsune-Inari se estudiará la posibilidad.

salu2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title> Color de fondo </title>
</head>

<body bgcolor="#FFFFFF">

<P>
<table border="1">
<tr>
<td style="background-color:yellow;">celda1</td>
<td style="background-color:yellow;">celda2</td>
</tr>
<tr>
<td style="background-color:yellow;">celda3</td>
<td style="background-color:yellow;">celda4</td>
</tr>
</table>
<P>
<SCRIPT language="JavaScript">
<!--
//var now_color=color_num;
var my_color= new Array(5)
my_color[0]="lime";
my_color[1]="orange";
my_color[2]="lightblue";
my_color[3]="pink";
my_color[4]="ghostwhite";
celda = document.getElementsByTagName( "td" ) ;
function get_color(color_num)
{

celda[0].style.backgroundColor=my_color[color_num];

}
//-->
</SCRIPT>
<FORM>
<INPUT type="button" value="Lima" onClick="get_color(0)">
<INPUT type="button" value="Naranja" onClick="get_color(1)">
<INPUT type="button" value="Celeste" onClick="get_color(2)">
<INPUT type="button" value="Rosa" onClick="get_color(3)">
<INPUT type="button" value="Blanco" onClick="get_color(4)">
</FORM>

</body>
</html>
esto cambiará el color de celda1, si celda[1] cambiará el color de celda2, si celda[2] cambiará el color de celda 3, etc.

tuxor
Usuario habitual
Usuario habitual
#11

solucione el problema
deje u codigo tal cual....solo modifique las celdas que queria que cambiarran por encabezados (th)
y cambie celda = document.getElementsByTagName("th&quot;
y quedo listo..........nuevamenet gracias

tuxor
Usuario habitual
Usuario habitual
#12

soluciono 1 y me surge otro

como lo puedo hacer para que se guarde la configuracion de color elejida al pasar de 1 pagina a otra???

User 28318
User 28318
Machacateclados
Machacateclados
#13

ese tipo de información se guarda en cookies, pero ese no es un tema que yo domine por lo que no te puedo ayudar, lo siento.


salu2

tuxor
Usuario habitual
Usuario habitual
#14

gracias de todos modos.............

pille un ejemplo con cookies el problema es que cambia el color de fondo y no del las celdas y no he podido modificar eso

http://www.iec.csic.es/criptonomicon/cookies/colores.html

function poneColor( pag, color )
{
if (color==1)
{
pag.document.fgColor="Black";
pag.document.bgColor="White";
}
if (color==2)
{
pag.document.fgColor="Blue";
pag.document.bgColor="Yellow";
}
if (color==3)
{
pag.document.fgColor="Yellow";
pag.document.bgColor="Black";
}
if (color==4)
{
pag.document.fgColor="#800080";
pag.document.bgColor="#FFEEEE";
}
}
me parece que aca es pero no he sabido como especificarle la etiqueta th o td

User 28318
User 28318
Machacateclados
Machacateclados
#15

muy instructivo; el código con las cookies sería:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title> Color de fondo </title>
<SCRIPT language="JavaScript">
<!--
// les damos 30 días de vida a las cookies

var validez = 30;
var caduca = new Date();
caduca.setTime(caduca.getTime() + (validez*24*60*60*1000));

function getCookie(name){
var cname = name + "=";
var dc = document.cookie;
if (dc.length > 0) {
begin = dc.indexOf(cname);
if (begin != -1) {
begin += cname.length;
end = dc.indexOf(";", begin);
if (end == -1) end = dc.length;
return unescape(dc.substring(begin, end));
}
}
return null;
}

function setCookie(name, value, expires, path, domain, secure) {
document.cookie = name + "=" + escape(value) +
((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
((path == null) ? "" : "; path=" + path) +
((domain == null) ? "" : "; domain=" + domain) +
((secure == null) ? "" : "; secure&quot;
}

var my_color= new Array(5)
my_color[0]="lime";
my_color[1]="orange";
my_color[2]="lightblue";
my_color[3]="pink";
my_color[4]="ghostwhite";
celda = document.getElementsByTagName("th&quot ;
function get_color(color_num)
{
for (i = 0; i < celda.length;i++){
celda[i].style.backgroundColor=my_color[color_num];
}
setCookie ("color", color_num, caduca);
}
//-->
</SCRIPT>
</head>

<body bgcolor="#FFFFFF">

<P>
<table border="1">
<tr>
<th style="background-color:yellow;">cabecera1</th>
<th style="background-color:yellow;">cabecera2</th>
</tr>
<tr>
<td>celda1</td>
<td>celda2</td>
</tr>
<tr>
<td>celda3</td>
<td>celda4</td>
</tr>
</table>
<script language="JavaScript">
<!--
var col=getCookie('color');
if ( col != null )
get_color(col);
//-->
</script>
<P>

<FORM>
<INPUT type="button" value="Lima" onClick="get_color(0)">
<INPUT type="button" value="Naranja" onClick="get_color(1)">
<INPUT type="button" value="Celeste" onClick="get_color(2)">
<INPUT type="button" value="Rosa" onClick="get_color(3)">
<INPUT type="button" value="Blanco" onClick="get_color(4)">
</FORM>

</body>
</html>


salu2

tuxor
Usuario habitual
Usuario habitual
#16

eternamente agradecido jallmalatesta.....

User 28318
User 28318
Machacateclados
Machacateclados
#17

Gracias a ti por proponer una cuestión interesante.

hasta otra.

AnteriorSiguienteArriba
Responder
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
TemaUsuariosRespuestasVisitasActividad
Cambiar color de texto a input con onClick
Por: , el 19/Jul/2011, 02:01
amr17 Josepepe033221kJul/11
¿Es posible cambiar el color del Scrollbar usando javascript?
Por: , el 10/Ago/2011, 20:02
dantaiperu Josepepe03353kAug/11
Script para cambiar de color la barra para desplazarme por una web.
Por: User 741546, el 14/Mar/2004, 07:16
User 741546 arenas02 User 5406535 ritex chavp1010kSep/08