Ir para conteúdo

POWERED BY:

Arquivado

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

marc.lop

Apresentar conteúdo de uma variável

Por , em Javascript

Recommended Posts

marc.lop    0

marc.lop
Postado

:rolleyes: Criei um calendário que é escrito através de um loop cheio de if's, onde uma variável chamada "apresenta" recebe dados de html tipo: apresenta += "<tr><td>....<><>" assim ele forma o calendário, possui também chamada a funções e variaveis, mas o problema é que quando quero liberar o código gerado dentro do body ele não libera, tenho colocado um "return apresenta" na função e no body um document.write(Dadotabela()) para liberar o conteudo da variavel apresenta da função Dadotabela no local, mas nada acontece, quando coloco o document.write(apresenta) na função ele cria perfeitamente a tabela, só que em uma página onde só existe a tabela criada, o resto do código não aparece.Alguém sabe outra forma de apresentar os dados ou dizer se estou errando em algo?Desde já agradeço a atenção :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

marc.lop    0

marc.lop
Postado

Olha o codigo ai, o problema<html><head><title>Calendario</title><STYLE TYPE="text/css">TD, TH {text-align:center}.estilo { font-size: 12px; height:17; filter:glow(strength=1,color=000000,enabled=1);}.texto { FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial; TEXT-DECORATION: none}</STYLE><script language=JavaScript src="janela.js"></script><script language="JavaScript"><!--function mOvr(src,clrOver) { if (!src.contains(event.fromElement)) {src.style.cursor = 'hand'; src.bgColor = clrOver;}} function mOut(src,clrIn) { if (!src.contains(event.toElement)) {src.style.cursor = 'default'; src.bgColor = clrIn;} }function pegaPrimeiroDia(Ano, Mes){var primeiroDia = new Date(Ano,Mes,1)return primeiroDia.getDay()}function pegaFimMes(Ano, Mes) {var Dia = 1000 * 60 * 60 * 24var esteMes = new Date(Ano, Mes, 1)var proximoMes = new Date(Ano, Mes + 1, 1)var Final = Math.ceil((proximoMes.getTime() - esteMes.getTime())/Dia)return Final}function Dadotabela() {var Mes = calendario.escolheMes.selectedIndexvar Ano = calendario.escolheAno.value// inicializa variáveis de datas dependentes, primeiro dia da semana e último dia do mêsvar primeiroDia = pegaPrimeiroDia(Ano, Mes)var fimMes = pegaFimMes(Ano, Mes)var apresentavar contador = 0var chave = 0var mostraDia = 1var diaMesapresenta = "<table border=0 class=texto align=center cellPadding=1 cellSpacing=1 bgcolor=#000000>"while(contador <= fimMes){apresenta += "\n <tr>"for(var i = 0; i < 7; i++) {contador += 1;if(fimMes >= i && chave == 1 || fimMes < i && chave == 1)mostraDia++;if(fimMes >= mostraDia && chave == 1)apresenta += "\n <TD onmouseover=\"mOvr(this,\'#f3f3f3\');\" onmouseout=\"mOut(this,\'#cccccc\');\" \n align=middle bgColor=#CCCCCC><div align=center><A href=\"java script:Janela(\'abril/" + (mostraDia*1000000 + (Mes + 1)*10000 + 2003) + ".html\',560,380)\"><SPAN class=texto>" + mostraDia + "</SPAN></A></div></TD>";if(fimMes < mostraDia && chave == 1)apresenta += "\n <TD bgColor=#f3f3f3><div align=center>  </div></TD>";if(primeiroDia == i && chave == 0) {apresenta += "\n <TD onmouseover=\"mOvr(this,\'#f3f3f3\');\" onmouseout=\"mOut(this,\'#cccccc\');\" \n align=middle bgColor=#CCCCCC><div align=center><A href=\"java script:Janela(\'abril/" + (mostraDia*1000000 + (Mes + 1)*10000 + 2003) + ".html\',560,380)\"><SPAN class=texto>" + mostraDia + "</SPAN></A></div></TD>";chave = 1}if(primeiroDia != i && chave == 0)apresenta += "\n <TD bgColor=#f3f3f3><div align=center>  </div></TD>";}apresenta += "\n</tr>"}apresenta += "</table>"return apresenta}// ajusta o mês escolhido ao mes atualfunction mesAtual() {var hoje = new Date()document.calendario.escolheMes.selectedIndex = hoje.getMonth()}--></script><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body onLoad="mesAtual(); Dadotabela()"><H1>Calendário</H1><HR><TABLE align="center" cellPadding=1 cellSpacing=1 bgcolor="#000000" name="tabela" border="0"><TR bgcolor="#33AAFF" bordercolor="#000000"> <TD><DIV align="center"><strong><font color="#FFFFFF"><span class="estilo">D</span></font></strong></div></Td> <TD><DIV align="center"><strong><font color="#FFFFFF"><span class="estilo">S</span></font></strong></div></Td> <TD><DIV align="center"><strong><font color="#FFFFFF"><span class="estilo">T</span></font></strong></div></Td> <TD><DIV align="center"><strong><font color="#FFFFFF"><span class="estilo">Q</span></font></strong></div></Td> <TD><DIV align="center"><strong><font color="#FFFFFF"><span class="estilo">Q</span></font></strong></div></Td> <TD><DIV align="center"><strong><font color="#FFFFFF"><span class="estilo">S</span></font></strong></div></Td> <TD><DIV align="center"><strong><font color="#FFFFFF"><span class="estilo">S</span></font></strong></div></Td> </TR> <script><!--document.write(apresenta)--></script><TR><TD COLSPAN=7 bgcolor="#33AAFF"><P><FORM NAME="calendario"><SELECT NAME="escolheMes" onChange="Dadotabela()" style="font-size: 12px;"> <option>Janeiro</option> <option>Fevereiro</option> <option>Março</option> <option>Abril</option> <option>Maio </option> <option>Junho</option> <option>Julho</option> <option>Agosto</option> <option>Setembro</option> <option>Outubro</option> <option>Novembro</option> <option>Dezembro</option> </SELECT> <input type="text" NAME="escolheAno" style="font-size: 12px; width: 40;" value="2003"> </SELECT></FORM></P></TD></TR></TABLE></BODY></HTML></body></html> :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

sitenovo    0

sitenovo
Postado

Olá,

Seguinte, não olhei ainda, pois só abrirei o meu dreamweaver noperiodo da tarde e agora é madrugada...hehe..

 

Aproveite enquanto isso, e veja no meu site na seç~`ao codigos, lá tem um calendario muito bom, veja se os codigos criados por você conferem com o que tem lá, eu assumo que peguei de um lugar que nem lembro mais, mas fiz modificações, mesmo assim, veja se você consegue se achar olhando o codigo daquele!!

URL: http://www.sitenovo.tk

 

[]s

Rodney

Compartilhar este post

Link para o post
Compartilhar em outros sites

marc.lop    0

marc.lop
Postado

O problema é que o meu não só é um calendário, como ele seleciona o mês que estamos escrevendo uma string dentro das tags html com o mes/dia.html e tambem tem uma funcao utilizando onmouseover e onmouseout para ficar bunitim, o problema qdo roda isso ai é que ele diz que o Mes = calendario.escolheMes.selectIndex, não é um objeto. Não deveria dar esse erro. Como arrumar só Deus sabe :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

marc.lop    0

marc.lop
Postado

O janela.js é um codigo simples de abrir a janela pop-up com o conteudo do link, esse codigo vai ser incluido na página da mesma forma que esse janela.js esta, n faz diferenca se ele funcionar ou n, o problema aí está quando chamo na variavel Mes e Ano os valores dos campos, aí ele diz que o codigo não é um objeto.var Mes = calendario.escolheMes.selectedIndexvar Ano = calendario.escolheAno.valueele acessa o form e os campos, mas diz que não é um objeto. :huh:

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