Ir para conteúdo
Fórum Script Brasil
  • 0

Js: Calendário Sem Cor Na Borda.


Guest ---s_ric_ptbrasil---

Pergunta

Guest ---s_ric_ptbrasil---

Meu calendário não tem cor na borda e gostaria se alguém pudesse me ajudar aonde eu ponho no código abaixo?

Agradeço desde já.

<html>
<HEAD>

<style type="text/css">
<!--
span.label {color:#003d79;width:28;height:14;text-align:center;margin-top:0;background:#ffF;font:bold 10px Verdana,Arial}
span.c1 {cursor:hand;color:#003d79;width:28;height:14;text-align:center;margin-top:0;background:#ffF;font:bold 10px Verdana,Arial}
span.c2 {cursor:hand;color:#ff6600;width:28;height:14;text-align:center;margin-top:0;background:#ffF;font:bold 10px Verdana,Arial}
span.c3 {cursor:hand;color:#b0b0b0;width:28;height:14;text-align:center;margin-top:0;background:#ffF;font:bold 10px Verdana,Arial}
-->
</style>

&lt;script type="text/javascript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! [url=http://javascript.internet.com]http://javascript.internet.com[/url] -->

<!-- Begin
function maxDays(mm, yyyy){
var mDay;
    if((mm == 3) || (mm == 5) || (mm == 8) || (mm == 10)){
        mDay = 30;
      }
      else{
          mDay = 31
          if(mm == 1){
               if (yyyy/4 - parseInt(yyyy/4) != 0){
                   mDay = 28
               }
               else{
                   mDay = 29
              }
        }
  }
return mDay;
}
function changeBg(id){
    if (eval(id).style.backgroundColor != "#CDDFED"){
        eval(id).style.backgroundColor = "#CDDFED"
    }
    else{
        eval(id).style.backgroundColor = "#ffffff"
    }
}
function writeCalendar(){
var now = new Date
var dd = now.getDate()
var mm = now.getMonth()
var dow = now.getDay()
var yyyy = now.getFullYear()
var arrM = new Array("Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro")
var arrY = new Array()
    for (ii=0;ii<=4;ii++){
        arrY[ii] = yyyy - 2 + ii
    }
var arrD = new Array("Dom","Seg","Ter","Qua","Qui","Sex","Sáb")

var text = ""
text = "<form name=calForm>"
text += "<table border=1>"
text += "<tr><td>"
text += "<table width=100%><tr>"
text += "<td align=left>"
text += "<select name=selMonth onChange='changeCal()'>"
    for (ii=0;ii<=11;ii++){
        if (ii==mm){
            text += "<option value= " + ii + " Selected>" + arrM[ii] + "</option>"
        }
        else{
            text += "<option value= " + ii + ">" + arrM[ii] + "</option>"
        }
    }
text += "</select>"
text += "</td>"
text += "<td align=right>"
text += "<select name=selYear onChange='changeCal()'>"
    for (ii=0;ii<=4;ii++){
        if (ii==2){
            text += "<option value= " + arrY[ii] + " Selected>" + arrY[ii] + "</option>"
        }
        else{
            text += "<option value= " + arrY[ii] + ">" + arrY[ii] + "</option>"
        }
    }
text += "</select>"
text += "</td>"
text += "</tr></table>"
text += "</td></tr>"
text += "<tr><td>"
text += "<table border=0>"
text += "<tr>"
    for (ii=0;ii<=6;ii++){
        text += "<td align=center><span class=label>" + arrD[ii] + "</span></td>"
    }
text += "</tr>"
aa = 0
    for (kk=0;kk<=5;kk++){
        text += "<tr>"
        for (ii=0;ii<=6;ii++){
            text += "<td align=center><span id=sp" + aa + " onClick='changeBg(this.id)'>1</span></td>"
            aa += 1
        }
        text += "</tr>"
    }
text += "</table>"
text += "</td></tr>"
text += "</table>"
text += "</form>"
document.write(text)
changeCal()
}
function changeCal(){
var now = new Date
var dd = now.getDate()
var mm = now.getMonth()
var dow = now.getDay()
var yyyy = now.getFullYear()
var currM = parseInt(document.calForm.selMonth.value)
var prevM
    if (currM!=0){
        prevM = currM - 1
    }
    else{
        prevM = 11
    }
var currY = parseInt(document.calForm.selYear.value)
var mmyyyy = new Date()
mmyyyy.setFullYear(currY)
mmyyyy.setMonth(currM)
mmyyyy.setDate(1)
var day1 = mmyyyy.getDay()
    if (day1 == 0){
        day1 = 7
    }
var arrN = new Array(41)
var aa
    for (ii=0;ii<day1;ii++){
        arrN[ii] = maxDays((prevM),currY) - day1 + ii + 1
    }
    aa = 1
    for (ii=day1;ii<=day1+maxDays(currM,currY)-1;ii++){
        arrN[ii] = aa
        aa += 1
    }
    aa = 1
    for (ii=day1+maxDays(currM,currY);ii<=41;ii++){
        arrN[ii] = aa
        aa += 1
    }
    for (ii=0;ii<=41;ii++){
        eval("sp"+ii).style.backgroundColor = "#FFFFFF"
    }
var dCount = 0
    for (ii=0;ii<=41;ii++){
        if (((ii<7)&&(arrN[ii]>20))||((ii>27)&&(arrN[ii]<20))){
            eval("sp"+ii).innerHTML = arrN[ii]
            eval("sp"+ii).className = "c3"
        }
        else{
            eval("sp"+ii).innerHTML = arrN[ii]

            if ((dCount==0)||(dCount==6)){
                eval("sp"+ii).className = "c2"
            }
            else{
                eval("sp"+ii).className = "c1"
            }
            if ((arrN[ii]==dd)&&(mm==currM)&&(yyyy==currY)){
                eval("sp"+ii).style.backgroundColor="#ffff00"
            }
        }
    dCount += 1
        if (dCount>6){
            dCount=0
        }
    }
}
//  End -->
</script>

</HEAD>

<BODY>

&lt;script type="text/javascript">writeCalendar()</script>

</body>
</html>

Link para o comentário
Compartilhar em outros sites

6 respostass a esta questão

Posts Recomendados

  • 0
Guest ---s_ric_ptbrasil---

Fernando, essa tabela que voce falou, na verdade ela não aparece no layout do dw, ela aparece como ícone de script.

O que eu fiz: coloquei este comando que voce me passou em:

var text = ""

text = "<form name=calForm>"

text += "<table border=1>"

text += "<tr><td>"

text += "<table width=100% style="border-color: #EFA621;"><tr>"

text += "<td align=left>"

text += "<select name=selMonth onChange='changeCal()'>"

for (ii=0;ii<=11;ii++){

Link para o comentário
Compartilhar em outros sites

  • 0
Guest Douglas Wolff

você tem que colocar style="border-color:#ff0000" dentro do tag <table>, mas para a borda aparecer você tem que definir um valor para a borda

maior que 1 ex: <table border="1"> ai sim a borda aparece e então você entra com o codigo style=.....

então fica assim <table border="1" style="border-color:#ff0000">.

mas tome coidado com as aspas " " pois no seu código você coloca

text += "<table border=1>" com aspas e no caso do exemplo que te dei você tem que trocar por apóstrofe ' '

ficando dessa forma

text += '<table border="1" style="border-color:#00ff00">'

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...