calendario

felipe2v · Maio 10, 2015

ola amigos ,como faço para quando eu clicar uma vez em uma determinada data, ela pule 2 dias como vocês podem ver ai no meu cod , mais queria que ela continuasse a marca as datas automaticamente ate acabar todo o calendário ficaria tipo uma escala de serviço! ex. cliquei dia 2, ai marcaria dia 4 e depois dia 6 e depois dia 8 ate acabar o ano ou melhor o calendário por inteiro, todos os anos que coloquei, para quando eu fosse ver seu estaria de serviço por exemplo no natal , ou ate mesmo no meu próximo aniversario que seria ano que vem ... e assim vai !!??? poderia me ajudar nisso ?

<!DOCTYPE html><HEAD>     <style type="text/css">            span.label {                display: block;                color:black;                width:100;                height:100;                text-align:center;                margin-top:0;                background:#ffF;                font:bold 40px Arial;            }            span.c1 {                background: none repeat scroll 0 0 #FFFFFF;                color: black;                display: block;                font: bold 40px Arial;                height: 40px;                margin-top: 0;                text-align: center;                width: 100%;            }            span.c2 {                display: block;                color:red;                width:100%;                height:40px;                text-align:center;                margin-top:0;                background:#ffF;                font:bold 40px Arial;            }            span.c3 {                cursor:hand;                color:#b0b0b0;                width:100%;                height:40;                text-align:center;                margin-top:0;                background:#ffF;                font:bold 12px Arial;            }        </style><script type="text/javascript">            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){{{             dataSele = document.getElementById(id).href;          if (eval(id).style.backgroundColor != "#e20909"){		eval(id).style.backgroundColor = "#e20909"	        }	else{		eval(id).style.backgroundColor = "#ffffff"	}                                              diap = parseInt(dataSele) + 2;                          decisao = confirm("DIA" +"  " + dataSele  + "  " + " É O SEU PROXIMO SERVIÇO DIURNO?"  )        if (decisao){                                                                                 val = id.replace(/sp/i,"");                         val = parseInt(val) + 3;                         id = "sp"+val;                                                                                                          return (eval(id).style.backgroundColor = "#e20909")                                                                                }                         else {                      eval(id).style.backgroundColor = "#ffffff"                }         }}                                                                    }                                   function writeCalendar(){var now = new Datevar 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("D","S","T","Q","Q","S","S")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=1>"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 Datevar 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="#90EE90"			}		}            document.getElementById("sp"+ii).href = arrN[ii];	dCount += 1		if (dCount>6){			dCount=0		}	}        }    //  End --></script></HEAD><BODY><script type="text/javascript">writeCalendar()</script></body>

niguem?

Entrar

Arquivado

calendario

Recommended Posts

felipe2v 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Javascript - Calcular Valores Monetário em Tempo Real

JavaScript - Exibir logo dentro da Tabela html

PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante