Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > function ปฎิทินไม่ทำงานคะ ช่วยแนะนำด้วยคะ แต่ถ้าเอา function ของ list/menu ออก จะทำงานได้ปกติคะ



 

function ปฎิทินไม่ทำงานคะ ช่วยแนะนำด้วยคะ แต่ถ้าเอา function ของ list/menu ออก จะทำงานได้ปกติคะ

 



Topic : 090486



โพสกระทู้ ( 297 )
บทความ ( 0 )



สถานะออฟไลน์




สอบถามคะ

function ไม่ทำงานคะ
แต่จะสามารถทำงานได้ปกติ ถ้าเอา javascript ตัวนี้ออกคะ
Code
<script type="text/javascript" src="js/jquery-latest.js"></script>
                  <script language="javascript">
                  $("#pagelist").change(function(){
                    var viewID = $("#pagelist option:selected").val();
                    $("#pagelist option").each(function(){
                        var hideID = $(this).val();
                        $("#"+hideID).hide();
                    });
                    $("#"+viewID).show();	
                  });
                </script>


นี่คือโค้ดส่วนของปฎิทินคะ
Code
<link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.7.2.custom.css">
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
	$(function(){
		var dateBefore=null;
		$("#timego").datepicker({
			dateFormat: 'dd-mm-yy',
			buttonImageOnly: true,
			dayNamesMin: ['อา', 'จ', 'อ', 'พ', 'พฤ', 'ศ', 'ส'], 
			monthNamesShort: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
			changeMonth: true,
			changeYear: true ,
			beforeShow:function(){
				if($(this).val()!=""){
					var arrayDate=$(this).val().split("-");		
					arrayDate[2]=parseInt(arrayDate[2])-543;
					$(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
				}
				setTimeout(function(){
					$.each($(".ui-datepicker-year option"),function(j,k){
						var textYear=parseInt($(".ui-datepicker-year option").eq(j).val())+543;
						$(".ui-datepicker-year option").eq(j).text(textYear);
					});				
				},50);
	
			},
			onChangeMonthYear: function(){
				setTimeout(function(){
					$.each($(".ui-datepicker-year option"),function(j,k){
						var textYear=parseInt($(".ui-datepicker-year option").eq(j).val())+543;
						$(".ui-datepicker-year option").eq(j).text(textYear);
					});				
				},50);		
			},
			onClose:function(){
				if($(this).val()!="" && $(this).val()==dateBefore){			
					var arrayDate=dateBefore.split("-");
					arrayDate[2]=parseInt(arrayDate[2])+543;
					$(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);	
				}		
			},
			onSelect: function(dateText, inst){ 
				dateBefore=$(this).val();
				var arrayDate=dateText.split("-");
				arrayDate[2]=parseInt(arrayDate[2])+543;
				$(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
			}
	
		});
		
			$("#timeback").datepicker({
			dateFormat: 'dd-mm-yy',
			buttonImageOnly: true,
			dayNamesMin: ['อา', 'จ', 'อ', 'พ', 'พฤ', 'ศ', 'ส'], 
			monthNamesShort: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
			changeMonth: true,
			changeYear: true ,
			beforeShow:function(){
				if($(this).val()!=""){
					var arrayDate=$(this).val().split("-");		
					arrayDate[2]=parseInt(arrayDate[2])-543;
					$(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
				}
				setTimeout(function(){
					$.each($(".ui-datepicker-year option"),function(j,k){
						var textYear=parseInt($(".ui-datepicker-year option").eq(j).val())+543;
						$(".ui-datepicker-year option").eq(j).text(textYear);
					});				
				},50);
	
			},
			onChangeMonthYear: function(){
				setTimeout(function(){
					$.each($(".ui-datepicker-year option"),function(j,k){
						var textYear=parseInt($(".ui-datepicker-year option").eq(j).val())+543;
						$(".ui-datepicker-year option").eq(j).text(textYear);
					});				
				},50);		
			},
			onClose:function(){
				if($(this).val()!="" && $(this).val()==dateBefore){			
					var arrayDate=dateBefore.split("-");
					arrayDate[2]=parseInt(arrayDate[2])+543;
					$(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);	
				}		
			},
			onSelect: function(dateText, inst){ 
				dateBefore=$(this).val();
				var arrayDate=dateText.split("-");
				arrayDate[2]=parseInt(arrayDate[2])+543;
				$(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
			}
	
		});
	
	});
	</script>
 <style type="text/css">
/* Overide css code กำหนดความกว้างของปฏิทินและอื่นๆ */
.ui-datepicker{
	width:170px;
	font-family:tahoma;
	font-size:11px;
	text-align:center;
}
</style>



นี่คือโค้ดทั้งหมดคะ ช่วยแนะนำด้วยนะคะ
Code (PHP)
<link rel="stylesheet" type="text/css" href="css/style_user.css"/>
<meta http-equiv="Content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.7.2.custom.css">
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/jquery-latest.js"></script>
<script type="text/javascript">
	$(function(){
		var dateBefore=null;
		$("#timego").datepicker({
			dateFormat: 'dd-mm-yy',
			buttonImageOnly: true,
			dayNamesMin: ['อา', 'จ', 'อ', 'พ', 'พฤ', 'ศ', 'ส'], 
			monthNamesShort: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
			changeMonth: true,
			changeYear: true ,
			beforeShow:function(){
				if($(this).val()!=""){
					var arrayDate=$(this).val().split("-");		
					arrayDate[2]=parseInt(arrayDate[2])-543;
					$(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
				}
				setTimeout(function(){
					$.each($(".ui-datepicker-year option"),function(j,k){
						var textYear=parseInt($(".ui-datepicker-year option").eq(j).val())+543;
						$(".ui-datepicker-year option").eq(j).text(textYear);
					});				
				},50);
	
			},
			onChangeMonthYear: function(){
				setTimeout(function(){
					$.each($(".ui-datepicker-year option"),function(j,k){
						var textYear=parseInt($(".ui-datepicker-year option").eq(j).val())+543;
						$(".ui-datepicker-year option").eq(j).text(textYear);
					});				
				},50);		
			},
			onClose:function(){
				if($(this).val()!="" && $(this).val()==dateBefore){			
					var arrayDate=dateBefore.split("-");
					arrayDate[2]=parseInt(arrayDate[2])+543;
					$(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);	
				}		
			},
			onSelect: function(dateText, inst){ 
				dateBefore=$(this).val();
				var arrayDate=dateText.split("-");
				arrayDate[2]=parseInt(arrayDate[2])+543;
				$(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
			}
	
		});
		
			$("#timeback").datepicker({
			dateFormat: 'dd-mm-yy',
			buttonImageOnly: true,
			dayNamesMin: ['อา', 'จ', 'อ', 'พ', 'พฤ', 'ศ', 'ส'], 
			monthNamesShort: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
			changeMonth: true,
			changeYear: true ,
			beforeShow:function(){
				if($(this).val()!=""){
					var arrayDate=$(this).val().split("-");		
					arrayDate[2]=parseInt(arrayDate[2])-543;
					$(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
				}
				setTimeout(function(){
					$.each($(".ui-datepicker-year option"),function(j,k){
						var textYear=parseInt($(".ui-datepicker-year option").eq(j).val())+543;
						$(".ui-datepicker-year option").eq(j).text(textYear);
					});				
				},50);
	
			},
			onChangeMonthYear: function(){
				setTimeout(function(){
					$.each($(".ui-datepicker-year option"),function(j,k){
						var textYear=parseInt($(".ui-datepicker-year option").eq(j).val())+543;
						$(".ui-datepicker-year option").eq(j).text(textYear);
					});				
				},50);		
			},
			onClose:function(){
				if($(this).val()!="" && $(this).val()==dateBefore){			
					var arrayDate=dateBefore.split("-");
					arrayDate[2]=parseInt(arrayDate[2])+543;
					$(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);	
				}		
			},
			onSelect: function(dateText, inst){ 
				dateBefore=$(this).val();
				var arrayDate=dateText.split("-");
				arrayDate[2]=parseInt(arrayDate[2])+543;
				$(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
			}
	
		});
	
	});
	</script>

<style type="text/css">
<!--
.style1 {	font-family: "Cordia New", CordiaUPC;
	font-size: 20px;
}
-->
 </style>
 <style type="text/css">
/* Overide css code กำหนดความกว้างของปฏิทินและอื่นๆ */
.ui-datepicker{
	width:170px;
	font-family:tahoma;
	font-size:11px;
	text-align:center;
}
</style>

 <?
include("include/config.php");
$rs1=mssql_query("select *
					from member,personnel,personnel_data
					where member.id_card=personnel.id_card 
					and member.username='$loginname'
					and personnel_data.id_card = '$idcard'");
$arr1=mssql_fetch_array($rs1);
$name_th= iconv("tis-620","UTF-8",$arr1[name_th]);

?>
 
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
	<td>
	<!-- top -->
		<?include ("user_top.php");?>
	<!-- end top -->
	</td>
</tr>
<tr>
	<td align="center">
		<table width="800" border="0" cellspacing="0" cellpadding="0">
		<tr height="14" background="images/bg_kannithi/body_hr_1.png">
			<td></td>
		</tr>
		<tr align="center" background="images/bg_kannithi/body_hr_2.png">
			<td height="54">
			<!-- menu top -->
				<?include ("user_menu_top.php")?>
			<!-- end menu top -->
		  </td>
		</tr>
		<tr align="center" background="images/bg_kannithi/body_hr_2.png">
		  <td>
      <table width="78%" border="1" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="23%" class="style1">รหัสพนักงาน :</td>
                  <td width="27%" class="style1"><? echo $arr1[personnel_id]; ?></td>
                  <td width="14%" class="style1">ชื่อพนักงาน :</td>
                  <td width="36%"class="style1"><? echo $name_th ?></td>
                </tr>
                <tr>
                  <td class="style1">ประเภทการลา :</td>
                <td colspan="3"><span class="style1">
                <select id="pagelist">
                      <option value="">กรุณาเลือก</option>
                      <option value="sick_leave">ลาป่วย</option>
                      <option value="personal_leave">ลากิจ</option>
                      <option value="vacation_leave">ลาพักร้อน</option>
                 </select>
                  </span></td>
                </tr>
              </table>
              	
                  <script language="javascript">
                  $("#pagelist").change(function(){
                    var viewID = $("#pagelist option:selected").val();
                    $("#pagelist option").each(function(){
                        var hideID = $(this).val();
                        $("#"+hideID).hide();
                    });
                    $("#"+viewID).show();	
                  });
                </script>		
                <br>
            <div id="sick_leave" style="display:none">
              <table width="78%" border="0" cellspacing="0" cellpadding="0">

                <tr>
                  <td width="23%" class="style1">วันที่เริ่มลา :</td>
                  <td width="27%" class="style1">
                  <input type="text" name="timego" id="timego"  style="width:99%">                  </td>
                  <td width="50%">&nbsp;</td>
                </tr>
                <tr>
                  <td class="style1">วันที่สิ้นสุดการลา :</td>
                  <td class="style1">
                  <input type="text" name="timeback" id="timeback"  style="width:99%">                  </td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td class="style1">จำนวนวัน :</td>
                  <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="13%">                          <span class="style1">
                        <input name="num_day" type="text" id="num_day" size="10">                        
                        </span></td>
                        <td width="12%" class="style1">วัน</td>
                        <td width="14%">                          <span class="style1">
                        <input name="num_hour" type="text" id="num_hour" size="10">                        
                        </span></td>
                        <td width="13%" class="style1">ชม.</td>
                        <td width="13%">                          <span class="style1">
                        <input name="num_minute" type="text" id="num_minute" size="10">                        
                        </span></td>
                        <td width="35%" class="style1">นาที</td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td valign="top" class="style1">สาเหตุการลา :</td>
                  <td colspan="2" class="style1">
                    <label>
                    <textarea name="cause" id="cause" cols="45" rows="5"  style="width:99%"></textarea>
                    </label>                  </td>
                </tr>
                <tr>
                  <td class="style1">ใบรับรองแพทย์ :</td>
                  <td colspan="2">
                    <span class="style1">
                    <input type="checkbox" name="cert_medical" id="cert_medical" value="Y" >
                    แนบใบรับรองแพทย์                  </span></td>
                </tr>
                <tr>
                  <td class="style1">&nbsp;</td>
                  <td colspan="2" align="center"><input type="submit" value="" class="btnAdd"></td>
                </tr>
              </table></div>
              <div id="personal_leave" style="display:none">
              <table width="78%" border="0" cellspacing="0" cellpadding="0">

                <tr>
                  <td width="23%" class="style1">วันที่เริ่มลา :</td>
                  <td width="27%" class="style1">
                  <input type="text" name="timego" id="timego"  style="width:99%">                  </td>
                  <td width="50%">&nbsp;</td>
                </tr>
                <tr>
                  <td class="style1">วันที่สิ้นสุดการลา :</td>
                  <td class="style1">
                  <input type="text" name="timeback" id="timeback"  style="width:99%">                  </td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td class="style1">จำนวนวัน :</td>
                  <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="13%">                          <span class="style1">
                        <input name="num_day" type="text" id="num_day" size="10">                        
                        </span></td>
                        <td width="12%" class="style1">วัน</td>
                        <td width="14%">                          <span class="style1">
                        <input name="num_hour" type="text" id="num_hour" size="10">                        
                        </span></td>
                        <td width="13%" class="style1">ชม.</td>
                        <td width="13%">                          <span class="style1">
                        <input name="num_minute" type="text" id="num_minute" size="10">                        
                        </span></td>
                        <td width="35%" class="style1">นาที</td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td valign="top" class="style1">สาเหตุการลา :</td>
                  <td colspan="2" class="style1">
                    <label>
                    <textarea name="cause" id="cause" cols="45" rows="5"  style="width:99%"></textarea>
                    </label>                  </td>
                </tr>
                <tr>
                  <td class="style1">&nbsp;</td>
                  <td colspan="2" align="center"><input type="submit" value="" class="btnAdd"></td>
                </tr>
              </table>
              </div>
               <div id="vacation_leave" style="display:none">
              <table width="78%" border="0" cellspacing="0" cellpadding="0">

                <tr>
                  <td width="23%" class="style1">วันที่เริ่มลา :</td>
                  <td width="27%" class="style1">
                  <input type="text" name="timego" id="timego"  style="width:99%">                  </td>
                  <td width="50%">&nbsp;</td>
                </tr>
                <tr>
                  <td class="style1">วันที่สิ้นสุดการลา :</td>
                  <td class="style1">
                  <input type="text" name="timeback" id="timeback"  style="width:99%">                  </td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td class="style1">จำนวนวัน :</td>
                  <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="18%">                          <span class="style1">
                        <input name="num_day" type="text" id="num_day" size="10">                        
                        </span></td>
                        <td width="82%" class="style1">วัน</td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td valign="top" class="style1">หมายเหตุ :</td>
                  <td colspan="2" class="style1">
                    <label>
                    <textarea name="cause" id="cause" cols="45" rows="5"  style="width:99%"></textarea>
                    </label>                  </td>
                </tr>
                <tr>
                  <td class="style1">&nbsp;</td>
                  <td colspan="2" align="center"><input type="submit" value="" class="btnAdd"></td>
                </tr>
              </table>
              </div>
              
              <p>&nbsp;</p></td>
		</tr>
		</table>
	</td>
</tr>
<tr>
	<td align="center">
	<!-- footer -->
		<?include ("user_footer.php")?>
	<!-- end footer -->
	</td>
</tr>
</table>




Tag : PHP, Ms SQL Server 2008, HTML/CSS, JavaScript, jQuery






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-02-07 15:06:37 By : Baitong_ch View : 958 Reply : 4
 

 

No. 1



โพสกระทู้ ( 1,819 )
บทความ ( 20 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Facebook

ลองเอา

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>

ออกไปดูครับ
เพราะมันเป็นการโหลด jquery ซ้ำซ้อน


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-07 15:15:17 By : cookiephp
 


 

No. 2



โพสกระทู้ ( 297 )
บทความ ( 0 )



สถานะออฟไลน์


นำออกแล้วคะ

แต่ก็ยังไม่ได้เหมือนเดิมคะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-07 15:19:10 By : Baitong_ch
 

 

No. 3



โพสกระทู้ ( 297 )
บทความ ( 0 )



สถานะออฟไลน์


ลองไปเปิดใน
Firefox

ขึ้น error ตรง Firebug ว่า

Code
TypeError: $(...).datepicker is not a function



แนะนำด้วยคะ ต้องแก้อย่างไรให้ปฏิทินทำงาน.
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-07 15:33:26 By : Baitong_ch
 


 

No. 4



โพสกระทู้ ( 297 )
บทความ ( 0 )



สถานะออฟไลน์


ได้แล้วนะ
แก้ไขตรงปฏิทินคะ คงจะซ้ำซ้อนกันเกินไป

ขอบคุณนะคะ คุณน้องเปรม
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-07 16:06:55 By : Baitong_ch
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : function ปฎิทินไม่ทำงานคะ ช่วยแนะนำด้วยคะ แต่ถ้าเอา function ของ list/menu ออก จะทำงานได้ปกติคะ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่