Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

GabrielFerrari

[Resolvido] Alterar cor de fonte

Por , em Javascript

Recommended Posts

GabrielFerrari    41

GabrielFerrari
Postado

Olá pessoal

 

Estou até com vergonha de perguntar isso mas eu não estou conseguindo http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

 

Estava precisando de um calendário bem simples para por no meu site então caçando na internet achei esse: http://thelon.ueuo.com/

Consegui mudar o tamanho dele e tal mas não sei como alterar as fontes das letras e cores alguém pode me ajudar ?!

 

Cheguei até a baixar uma apostila e pesquisar no google mas tudo que tentei não deu certo

 

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<script LANGUAGE="JavaScript">
<!-- Begin
var day_of_week = new Array('Dom','Seg','Ter','Qua','Qui','---','Sab');
var month_of_year = new Array('Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro');

var Calendar = new Date();

var year = Calendar.getYear();		// Retorna o ano
var month = Calendar.getMonth();	// Retorna mes (0-11)
var today = Calendar.getDate();	// Retorna dias (1-31)
var weekday = Calendar.getDay();	// Retorna dias (1-31)

var DAYS_OF_WEEK = 7;	// "constant" para o numero de dias na semana
var DAYS_OF_MONTH = 31;	// "constant" para o numero de dias no mes
var cal;	// Usado para imprimir na tela

Calendar.setDate(1);	// Comecar o calendario no dia '1'
Calendar.setMonth(month);	// Comecar o calendario com o mes atual


var TR_start = '<TR>';
var TR_end = '</TR>';
var highlight_start = '<TD WIDTH="20"><TABLE CELLSPACING=0 BORDER=1 BGCOLOR=DEDEFF BORDERCOLOR=CCCCCC><TR><TD WIDTH=10><B><CENTER>';
var highlight_end   = '</CENTER></TD></TR></TABLE></B>';
var TD_start = '<TD WIDTH="20"><CENTER>';
var TD_end = '</CENTER></TD>';

cal =  '<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 BORDERCOLOR=BBBBBB><TR><TD>';
cal += '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2>' + TR_start;
cal += '<TD COLSPAN="' + DAYS_OF_WEEK + '" BGCOLOR="#EFEFEF"><CENTER><B>';
cal += month_of_year[month]  + '   ' + year + '</B>' + TD_end + TR_end;
cal += TR_start;

for(index=0; index < DAYS_OF_WEEK; index++)
{

if(weekday == index)
cal += TD_start + '<B>' + day_of_week[index] + '</B>' + TD_end;
else
cal += TD_start + day_of_week[index] + TD_end;
}

cal += TD_end + TR_end;
cal += TR_start;

for(index=0; index < Calendar.getDay(); index++)
cal += TD_start + '  ' + TD_end;

for(index=0; index < DAYS_OF_MONTH; index++)
{
if( Calendar.getDate() > index )
{
  week_day =Calendar.getDay();
  if(week_day == 0)
  cal += TR_start;
  if(week_day != DAYS_OF_WEEK)
  {
  var day  = Calendar.getDate();
  if( today==Calendar.getDate() )
  cal += highlight_start + day + highlight_end + TD_end;
  else
  cal += TD_start + day + TD_end;
  }
  if(week_day == DAYS_OF_WEEK)
  cal += TR_end;
  }
  Calendar.setDate(Calendar.getDate()+1);
}
cal += '</TD></TR></TABLE></TABLE>';

//  MOSTRAR CALENDARIO
document.write(cal);
//  End -->
</SCRIPT>
</body>
</html>

__________________________________________________________

 

<div id="calendario"><p id="day">"+ day_of_week +"</p></div>
Tentei inserir isso que foi a unica coisa que eu achei ter entendido mas só apareceu escrito "+ day_of_week+" Em vez de mudar a cor da variavel apareceu o nome dela em verde :/

 

 

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thalesh    0

Thalesh
Postado

Olá Thelon,

 

Eu peguei este código que você postou e verifiquei que ele não vem com formatação nenhuma, siginifica então que ele tem um arquivo CSS.

Tente alterar a fonte tudo utilizando CSS,,,

 

Insira este código entre a tag HEAD:

<style type="text/css">
	#Calendario { font-family: Arial; font-size: 11px; color: #0000FF; }
</style>

E na segunda TABLE que esta abrindo, adicione a id Calendario, assim:

cal += '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2 ID="Calendario">' + TR_start;

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito