Jump to content
Fórum Script Brasil
  • 0

Js: Calendário Sem Cor Na Borda.


Guest ---s_ric_ptbrasil---
 Share

Question

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 to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 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 to comment
Share on other 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 to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      150.1k
    • Total Posts
      647k
×
×
  • Create New...