|
|
|
การใส่ popcalendar ครับ ลองทำมาหลายวิธีแล้วยังไม่ได้ |
|
|
|
|
|
|
|
Code (PHP)
<?php
session_start();
$ses_username = $_SESSION[ses_username];
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!----------- connecton DATABASE and Titlename ---------------------->
<? include"../Connections/conn.php" ?>
<!----------- Call Stylesheet --------------------------------------->
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
<!----------- Call menubar ------------------------------------------>
<link rel="stylesheet" type="text/css" href="menubar/pro_dropdown_2/pro_dropdown_2.css"/>
<script language="JavaScript" type="text/javascript" src="menubar/pro_dropdown_2/stuHover.js"></script>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.10.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.10.offset.datepicker.min.js"></script>
<script type="text/javascript">
$(function () {
var d = new Date();
var toDay = d.getDate() + '/' + (d.getMonth() + 1) + '/' + (d.getFullYear() + 543);
// กรณีต้องการใส่ปฏิทินลงไปมากกว่า 1 อันต่อหน้า ก็ให้มาเพิ่ม Code ที่บรรทัดด้านล่างด้วยครับ (1 ชุด = 1 ปฏิทิน)
$("#datepicker-th-1").datepicker({ changeMonth: true, changeYear: true,dateFormat: 'dd/mm/yy', isBuddhist: true, defaultDate: toDay,dayNames: ['อาทิตย์','จันทร์','อังคาร','พุธ','พฤหัสบดี','ศุกร์','เสาร์'],
dayNamesMin: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
monthNames: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
monthNamesShort: ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.']});
$("#datepicker-th-2").datepicker({ changeMonth: true, changeYear: true,dateFormat: 'dd/mm/yy', isBuddhist: true, defaultDate: toDay,dayNames: ['อาทิตย์','จันทร์','อังคาร','พุธ','พฤหัสบดี','ศุกร์','เสาร์'],
dayNamesMin: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
monthNames: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
monthNamesShort: ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.']});
$("#datepicker-th-3").datepicker({ changeMonth: true, changeYear: true,dateFormat: 'dd/mm/yy', isBuddhist: true, defaultDate: toDay,dayNames: ['อาทิตย์','จันทร์','อังคาร','พุธ','พฤหัสบดี','ศุกร์','เสาร์'],
dayNamesMin: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
monthNames: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
monthNamesShort: ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.']});
$("#inline").datepicker({ dateFormat: 'dd/mm/yy', inline: true });
});
</script>
<style type="text/css">
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
ul.test {list-style:none; line-height:30px;}
</style>
<script language="javascript">
function CreateNewRow()
{
var intLine = parseInt(document.frmMain.hdnMaxLine.value);
intLine++;
var theTable = document.all.tbExp
var newRow = theTable.insertRow(theTable.rows.length)
newRow.id = newRow.uniqueID
var item1 = 1
var newCell
//*** Column 1 ***//
newCell = newRow.insertCell(0)
newCell.id = newCell.uniqueID
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"10\" NAME=\"textdate"+intLine+"\" VALUE=\"\"></center>"
//*** Column 2 ***//
newCell = newRow.insertCell(1)
newCell.id = newCell.uniqueID
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"20\" NAME=\"texttime"+intLine+"\" VALUE=\"\"></center>"
document.frmMain.hdnMaxLine.value = intLine;
}
function RemoveRow()
{
intLine = parseInt(document.frmMain.hdnMaxLine.value);
if(parseInt(intLine) > 0)
{
theTable = (document.all) ? document.all.tbExp :
document.getElementById("tbExp")
theTableBody = theTable.tBodies[0];
theTableBody.deleteRow(intLine);
intLine--;
document.frmMain.hdnMaxLine.value = intLine;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><? echo $headname; ?></title>
</head>
<body>
<table width="1010" border="0" align="center">
<tr>
<td><table width="1010" border="0">
<tr>
<td><? include ("../include/head.php") ?></td>
</tr>
<tr>
<td align="center"><div id="menubar"><? include ("menubar/pro_dropdown_2.html") ?></div></td>
</tr>
<tr>
<td class="fonteng"><?php include("../member/formregister.php") ?></td>
</tr>
<?
$strSQL = "SELECT *
FROM tbl_departments , tbl_member , tbl_memberdep
WHERE tbl_member.username = '$ses_username'
AND tbl_member.username = tbl_memberdep.username
AND tbl_memberdep.dep_id = tbl_departments.dep_id
ORDER BY tbl_memberdep.dep_id ASC";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
$objResult = mysql_fetch_array($objQuery)
?>
<tr>
<td><table width="1015" border="1" bordercolor="#CCCCCC">
<tr>
<td><form action="pro_send.php?member_ID=<?php echo $objResult['member_ID']; ?>" method="post" enctype="multipart/form-data" name="frmMain" id="frmMain">
<table width="1000" border="0" align="center">
<tr>
<td colspan="2" valign="bottom" class="fontthai"><strong class="fontthai"><span class="fontthaihead"><img src="../images/docex.gif" alt="" width="60" height="60" /></span></strong><strong class="fontthai"><span class="fontthaihead"> ส่งข้อมูลเอกสารโครงการกิจกรรมนักศึกษา</span></strong></td>
</tr>
<tr>
<td colspan="2" align="right"><span class="comment">* กรุณากรอกข้อมูลให้ถูกต้องและครบถ้วน</span></td>
</tr>
<tr>
<td colspan="2"><span class="fontthaib">ส่วนที่ 1 : ข้อมูลผู้รับผิดชอบโครงการ</span></td>
</tr>
<tr>
<td width="253" align="right" class="fontthaib"><span class="fontthaib">รหัสนักศึกษา :</span></td>
<td width="482" class="fontthai"><?=$objResult["stu_code"];?></td>
</tr>
<tr>
<td align="right" class="fontthaib"><span class="fontthaib">ชื่อ-นามสกุล :</span></td>
<td class="fontthai"><?=" ".$objResult["title_name"]."".$objResult["firstname"]." ".$objResult["lastname"];?></td>
</tr>
<tr>
<td align="right" class="fontthaib"><span class="fontthaib">หน่วยงาน :</span></td>
<td class="fontthai"><?=$objResult["dep_name"];?></td>
</tr>
<tr>
<td colspan="2"><span class="fontthaib">ส่วนที่ 2 : ข้อมูลเอกสารโครงการ</span></td>
</tr>
<tr>
<td align="right"><span class="fontthaib">ชื่อโครงการ :</span></td>
<td><input name="textname" type="text" class="fontthai" id="textname" size="30" /></td>
</tr>
<tr>
<td align="right"><span class="fontthaib">ประเภทโครงการ :</span></td>
<td><label for="listtype"></label>
<select name="listtype" class="fontthai" id="listtype">
<option value="0">-- ประเภทโครงการ --</option>
<option value="1">ตามแผนปี</option>
<option value="2">นอกแผนปี</option>
</select></td>
</tr>
<tr>
<td align="right"><span class="fontthaib">วันส่งโครงการ :</span></td>
<td><input name="textdatesend" type="text" class="fontthai" id="datepicker-th-3" size="30" /></td>
</tr>
<tr>
<td align="right"><span class="fontthaib">จำนวนดัชนีชี้วัดความสำเร็จ (KPI) :</span></td>
<td><input name="textkpi" type="text" class="fontthai" id="textkpi" size="30" />
<span class="fontthaihmini"> ข้อ</span></td>
</tr>
<tr>
<td align="right"><span class="fontthaib">ค่าใช้จ่าย (ขอเบิกมหาวิทยาลัย) :</span></td>
<td><input name="textmoney" type="text" class="fontthai" id="textmoney" size="30" />
<span class="fontthaihmini"> บาท</span></td>
</tr>
<tr>
<td align="right"><span class="fontthaib">ระยะเวลาการทำกิจกรรม:</span></td><td><span class="fontthaib">จาก</span><span class="style15"> </span>
<input name="textdatestart" type="text" class="fontthai" id="datepicker-th-1" size="10" />
<span class="fontthaib">ถึง
<input name="textdateend" type="text" class="fontthai" id="datepicker-th-2" size="10" />
</span></td>
</tr>
<tr>
<td align="right" class="fontthaib"> </td>
<td><table width="445" border="0" id="tbExp">
<tr>
<td><div align="center" class="fontthaib">วันทำกิจกรรม </div></td>
<td class="fontthaib"><div align="center">ช่วงเวลาทำกิจกรรม</div></td>
</tr>
</table>
<input type="hidden" name="hdnMaxLine" value="0">
<input name="btnAdd" type="button" id="btnAdd" value="+" onClick="CreateNewRow();">
<input name="btnDel" type="button" id="btnDel" value="-" onClick="RemoveRow();"></td>
</tr>
<tr>
<td align="right" class="fontthaib">หมายเหตุ:</td><td><label for="textcomment"></label>
<textarea name="textcomment" id="textcomment" cols="50" rows="5"></textarea></td>
</tr>
<tr>
<td align="right"><span class="fontthaib">สถานที่จัดกิจกรรม :</span></td>
<td><input name="textlocation" type="text" class="fontthai" id="textlocation" size="30" /></td>
</tr>
<tr>
<td align="right"><span class="fontthaib">จำนวนผู้เข้าร่วมโครงการ :</span></td>
<td><input name="textperson" type="text" class="fontthai" id="textperson" size="30" />
<span class="fontthaihmini">คน</span></td>
</tr>
<tr>
<td align="right"><span class="fontthaib">ภาคการศึกษา :</span></td>
<td><select name="listhyear" class="fontthai" id="listhyear">
<option>-- ภาคการศึกษา --</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select></td>
</tr>
<tr>
<td align="right"><span class="fontthaib">ปีการศึกษา :</span></td>
<td><span class="fontthaib">
<select name="listyear" class="fontthai" id="listyear">
<option value="0">-- ปีการศึกษา --</option>
<? $year = date("Y") + 543 - 15;
for($i=0; $i<16; $i++)
{ ?>
<option value="<?=$year; ?>">
<?=$year; ?>
</option>
<? $year++;
} ?>
</select>
</span></td>
</tr>
<tr>
<td colspan="2" align="center" class="comment">** หมายเหตุ : กรุณาตรวจสอบความถูกต้องก่อนการบันทึกข้อมูล **<br />
** เพราะจะไม่สามารถแก้ไขข้อมูลของท่านได้ โปรดติดต่อ ผู้ดูแลระบบเท่านั้น **</td>
</tr>
<tr>
<td><span class="fontthaib">
<input name="divition" type="hidden" id="divition" value="ส.น.อ." />
</span>
<input name="status" type="hidden" id="status" value="ยังไม่ส่งโครงการ" /></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><input name="send" type="submit" class="fontlogout" id="send" value="ส่งโครงการ" />
<input name="reset" type="reset" class="fontlogout" id="reset" value="ล้างข้อมูล" /></td>
</tr>
</table>
</form></td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><? include ("../include/footer.php") ?></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
จากโค้ดที่ผมทำไว้ ผมต้องการใส่ calendar ที่ ตรงส่วนนี้ตามเครื่องหมายบวกลบครับ
Code (PHP)
<script language="javascript">
function CreateNewRow()
{
var intLine = parseInt(document.frmMain.hdnMaxLine.value);
intLine++;
var theTable = document.all.tbExp
var newRow = theTable.insertRow(theTable.rows.length)
newRow.id = newRow.uniqueID
var item1 = 1
var newCell
//*** Column 1 ***//
newCell = newRow.insertCell(0)
newCell.id = newCell.uniqueID
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"10\" NAME=\"textdate"+intLine+"\" VALUE=\"\"></center>"
//*** Column 2 ***//
newCell = newRow.insertCell(1)
newCell.id = newCell.uniqueID
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"20\" NAME=\"texttime"+intLine+"\" VALUE=\"\"></center>"
document.frmMain.hdnMaxLine.value = intLine;
}
function RemoveRow()
{
intLine = parseInt(document.frmMain.hdnMaxLine.value);
if(parseInt(intLine) > 0)
{
theTable = (document.all) ? document.all.tbExp :
document.getElementById("tbExp")
theTableBody = theTable.tBodies[0];
theTableBody.deleteRow(intLine);
intLine--;
document.frmMain.hdnMaxLine.value = intLine;
}
}
</script>
<td><div align="center" class="fontthaib">วันทำกิจกรรม </div></td>
<td class="fontthaib"><div align="center">ช่วงเวลาทำกิจกรรม</div></td>
</tr>
</table>
<input type="hidden" name="hdnMaxLine" value="0">
<input name="btnAdd" type="button" id="btnAdd" value="+" onClick="CreateNewRow();">
<input name="btnDel" type="button" id="btnDel" value="-" onClick="RemoveRow();"></td>
จะทำแบบไหนดีครับ ให้ปฏิทิน เพิ่มไปพร้อมกับการเพิ่มวันทำกิจกรรมทุกช่อง ผมทำได้แค่ การใส่ชื่อตัวแปร ไม่ซ้ำกัน แต่มันจะออกได้แค่ 1-1 เท่านั้นครับ ในมาใส่ในโค้ดส่วนการทำงานของ ส่วนนี้ไม่ได้
Tag : PHP
|
|
|
|
|
|
Date :
2012-04-29 13:21:35 |
By :
tonmasterbp |
View :
1280 |
Reply :
1 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 04
|