(Resolvido) Inserir link

[Thelon]

Olá pessoal

Tenho um calendário simples em JS e eu queria que ele servisse de link para outra página

Mas não ta dando certo :/

Como eu posso fazer isso ?!

O código dele é esse:

<script LANGUAGE="JavaScript">
<!-- Begin
var day_of_week = new Array('Dom','Seg','Ter','Qua','Qui','Sex','Sab');
var month_of_year = new Array('Janeiro','Fevereiro','Mar&ccedil;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="15"><TABLE CELLSPACING=2 BORDER=1 BORDERCOLOR=#BEBEBE ><TR><TD WIDTH=15><CENTER>';
var highlight_end   = '</CENTER></TD></TR></TABLE>';
var TD_start = '<TD WIDTH="10"><CENTER>';
var TD_end = '</CENTER></TD>';

cal =  '<TABLE BORDER=0 CELLSPACING=2 CELLPADDING=2 ><TR><TD>';
cal += '<TABLE BORDER=0 CELLSPACING=2 CELLPADDING=2 ID="fundo">' + TR_start;
cal += '<TD COLSPAN="' + DAYS_OF_WEEK + '" BGCOLOR="#c4c4c4" ID="barra"><CENTER>';
cal += month_of_year[month] + TD_end + TR_end;
cal += TR_start;

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

if(weekday == index)
cal += TD_start + day_of_week[index] + 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>

Ele está dentro do uma div

Para visualizar: http://www.ipsbc.org.br/novosite

Obrigado

[KaKarotto]

Fala Thelon, o que exatamente você quer linkar ? Todos os dias ?

[Thelon]

Todo o calendário

[KaKarotto]

Cara, o melhor a se fazer é colocar os links em cada dia, e no título do calendário também. Isso é uma tabela e não se pode englobar uma tabela dentro de um link. Também não pode englobar um div num link....

Para fazer isso no título:

cal +=  '<a href="pagina.htm" target="_blank">' + month_of_year[month]+ '</a>' + TD_end + TR_end;

Para fazer isso nos dias:

cal += highlight_start + '<a href="pagina.htm" target="_blank">' + day + '</a>' + highlight_end + TD_end;

Você poderia também poderia dar um evento onclick:

cal =  '<TABLE BORDER=0 CELLSPACING=2 CELLPADDING=2 onclick="open('pagina.htm', '_blank', '')"><TR><TD>';

[Thelon]

Ahh

Que droga não da para por em tudo :/

Mas isso ae já ajudar

Obrigado cara ;)

[Jonathan Queiroz]

Dá pra colocar em tudo sim

Faça isso aqui:

<table onclick="window.open("sua-pagina.htm" , "titulo da página", "status scrollbars=no ,width=400, height=350 , top=0 , left=0");">
<tr>
<td>Linha 1</td>
</tr>
<tr>
<td>Linha 2</td>
</tr>
</table>

[Thelon]

Opa beleza Jonathan ?!

Cara acho que não entendi direito (Não funfo)

Tentei com e sem o links que o KaKarotto me ensinou mas não deu ve se ta certo:

var highlight_start = '<TD WIDTH="15"><TABLE onclick="window.open("http://www.ipsbc.org.br/novosite/" , "1IPSBCSP", "status scrollbars=no ,width=400, height=350 , top=0 , left=0");" CELLSPACING=2 BORDER=1 BORDERCOLOR=#BEBEBE)"><TR><TD WIDTH=15><CENTER>';

Obrigado pela dica

estou tentando achar algo aqui mas não to conseguindo.

[KaKarotto]

Acho que deve ter um problema com as aspas aí.

Tente escapar as aspas do onclick assim:

var highlight_start = '<TD WIDTH="15"><TABLE onclick=\"window.open("http://www.ipsbc.org.br/novosite/" , "1IPSBCSP", "status scrollbars=no ,width=400, height=350 , top=0 , left=0");\" CELLSPACING=2 BORDER=1 BORDERCOLOR=#BEBEBE)"><TR><TD WIDTH=15><CENTER>';

[Thelon]

Não consegui não :/

Que droga tenho que mostrar isso amanhã atarde :|

Mas obrigado pela força :)

[KaKarotto]

Faz o seguinte, pra facilitar, bote um onclick no seu div do calendario:

<div id="calendar" onclick="window.open('http://www.ipsbc.org.br/novosite/', '_blank')">
....
</div>

[Thelon]

Aeeeeee

Deu certo agora só tive que criar uma div dentro dessa div para o link não ficar em lugar vazio

Mas obrigado pela ajuda

Meu chefe já tava querendo me matar :P

Edit:

Para mostrar a maozinha o código fica assim:

<div id="afff" onclick="window.open('http://www.ipsbc.org.br/novosite/index.php?id=12', '_blank')" style="cursor:pointer">

Foi adedado o style="cursor:pointer"