<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<style>
.tdborder{
border: 1px solid red;
}
</style>
<script type="text/javascript">
function test(){
var tb = document.getElementsByTagName("table")[0];
var trs = tb.getElementsByTagName("tr");
for(var i=0;i<trs.length;i++){
var td = trs[i].firstChild;
var tdl = trs[i].lastChild;
td.setAttribute("style","color:red");
tdl.setAttribute("style","color:red");
}
var tds = tb.getElementsByTagName("td");
for(var j=0;j<tds.length;j++){
tds[j].onmouseover = function(){
for(var k=0;k<tds.length;k++){
tds[k].className="";
}
this.className="tdborder";
}
tds[j].onclick = function(e){
var div = document.getElementsByTagName("div");
for(var a=0;a<div.length;a++){
document.body.removeChild(div[a]);
}
// var w = this.cellIndex;
// alert(w);
var e = e || window.event;
var day = this.innerHTML;
var d = document.createElement("div");
d.style.border = "1px solid red";
d.style.position = "absolute";
d.style.zIndex = 22;
d.style.left = e.clientX+20 + "px";
d.style.top = e.clientY+5 + "px";
d.style.width = "100px";
d.style.height = "100px";
d.innerHTML = day;
document.body.appendChild(d);
}
}
}
window.onload = test;
</script>
</head>
<body>
<?php
$year = 2014;
$month =4;
$total = 0;
$isRN = false;
$month_day = 0;
if($year % 4 == 0 && $year % 100 != 0 || $year % 400 == 0){
$isRN = true;
}
for($i=1900;$i<$year;$i++){
if($i % 4 == 0 && $i % 100 != 0 || $i % 400 == 0){
$total += 366;
}else{
$total += 365;
}
}
for($i=1;$i<=$month;$i++){
switch($i){
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
$month_day = 31;
break;
case 2:
if($isRN){
$month_day = 29;
}
else{
$month_day = 28;
}
break;
default:
$month_day = 30;
break;
}
if($i < $month){
$total += $month_day;
}
}
$temp = $total % 7 + 1;
if($temp == 7){
$temp = 0;
}
echo "<table>";
echo "<tr><th>星期天 </th>
<th>星期一 </th>
<th>星期二 </th>
<th>星期三 </th>
<th>星期四 </th>
<th>星期五 </th>
<th>星期六 </th></tr>";
for($i=1;$i<=$month_day;$i++){
if($i==1){
echo "<tr>";
}
if($temp != 0){
for($j=0;$j<$temp;$j++){
echo "<td></td>";
}
$temp = 0;
}
echo "<td>".$i."</td>";
if(($total+$i + 1) %7 == 0){
echo "</tr><tr>";
}
if($i == $month_day){
echo "</tr>";
}
}
echo "</table><br/>";
?>
</body>
</html>
本人想点击日期在div内显示出这是今年的第多少天和星期几。求大神帮帮忙
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<style>
.tdborder{
border: 1px solid red;
}
</style>
<script type="text/javascript">
function test(){
var tb = document.getElementsByTagName("table")[0];
var trs = tb.getElementsByTagName("tr");
for(var i=0;i<trs.length;i++){
var td = trs[i].firstChild;
var tdl = trs[i].lastChild;
td.setAttribute("style","color:red");
tdl.setAttribute("style","color:red");
}
var tds = tb.getElementsByTagName("td");
for(var j=0;j<tds.length;j++){
tds[j].onmouseover = function(){
for(var k=0;k<tds.length;k++){
tds[k].className="";
}
this.className="tdborder";
}
tds[j].onclick = function(e){
var div = document.getElementsByTagName("div");
for(var a=0;a<div.length;a++){
document.body.removeChild(div[a]);
}
// var w = this.cellIndex;
// alert(w);
var e = e || window.event;
var day = this.innerHTML;
var d = document.createElement("div");
d.style.border = "1px solid red";
d.style.position = "absolute";
d.style.zIndex = 22;
d.style.left = e.clientX+20 + "px";
d.style.top = e.clientY+5 + "px";
d.style.width = "100px";
d.style.height = "100px";
d.innerHTML = day;
document.body.appendChild(d);
}
}
}
window.onload = test;
</script>
</head>
<body>
<?php
$year = 2014;
$month =4;
$total = 0;
$isRN = false;
$month_day = 0;
if($year % 4 == 0 && $year % 100 != 0 || $year % 400 == 0){
$isRN = true;
}
for($i=1900;$i<$year;$i++){
if($i % 4 == 0 && $i % 100 != 0 || $i % 400 == 0){
$total += 366;
}else{
$total += 365;
}
}
for($i=1;$i<=$month;$i++){
switch($i){
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
$month_day = 31;
break;
case 2:
if($isRN){
$month_day = 29;
}
else{
$month_day = 28;
}
break;
default:
$month_day = 30;
break;
}
if($i < $month){
$total += $month_day;
}
}
$temp = $total % 7 + 1;
if($temp == 7){
$temp = 0;
}
echo "<table>";
echo "<tr><th>星期天 </th>
<th>星期一 </th>
<th>星期二 </th>
<th>星期三 </th>
<th>星期四 </th>
<th>星期五 </th>
<th>星期六 </th></tr>";
for($i=1;$i<=$month_day;$i++){
if($i==1){
echo "<tr>";
}
if($temp != 0){
for($j=0;$j<$temp;$j++){
echo "<td></td>";
}
$temp = 0;
}
echo "<td>".$i."</td>";
if(($total+$i + 1) %7 == 0){
echo "</tr><tr>";
}
if($i == $month_day){
echo "</tr>";
}
}
echo "</table><br/>";
?>
</body>
</html>
本人想点击日期在div内显示出这是今年的第多少天和星期几。求大神帮帮忙