Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > จะเรียกใช้ Datepicker จาก "mootools.v1.11.js" ใน Dynamic Element form ยังไงค่ะ

จะเรียกใช้ Datepicker จาก "mootools.v1.11.js" ใน Dynamic Element form ยังไงค่ะ

เริ่มหัวข้อใหม่

Guest

code ส่วนหนึ่ง ประยุกต์ใช้จากบทความ สร้าง Create Dynamic Elements แบบ เพิ่ม-ลบ ได้ให้กับ Form ด้วย JavaScript แบบง่าย ๆ

Code (JavaScript)

<head>
<script type="text/javascript" src="mootools.v1.11.js"></script>
<script type="text/javascript" src="DatePicker_Bud.js"></script>
<link rel="stylesheet" href="DatePicker.css" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
<title>Payment plan form</title>

<script type="text/javascript">

// calendar
window.addEvent('domready', function()
{

$$('input.DatePicker').each( function(el)
{
new DatePicker(el);
});
});
</script>
</head>
<script language="javascript">
	function CreateNewRow()
	{
		var intLine = parseInt(document.frm.hdnMaxLine.value);
		intLine++;
			
		var theTable = document.getElementById("tbExp");
		var newRow = theTable.insertRow(theTable.rows.length)
		newRow.id = newRow.uniqueID

		var newCell
		
		//*** Column 1 ***//
		newCell = newRow.insertCell(0);
		newCell.id = newCell.uniqueID;
		newCell.setAttribute("className", "css-name" );
		newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"5\" CLASS=\"DatePicker\" NAME=\"date_"+intLine+"\" ID=\"date_"+intLine+"\"  VALUE=\"\" ></center>";

ไม่แน่ใจว่าจะเรียกใช้ datepicker ยังไง
ผลที่ได้

เห็นรูปปฏิทินเล็ก แต่ ไม่มี popup calendar ให้ click ค่ะ
ช่วยดูหน่อยนะค่ะ

Tag : PHP, HTML/CSS, JavaScript

Date : 2012-11-12 12:09:11

By : shushu

View : 1106

Reply : 6

No. 1

jack

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

อาจเป็นไปได้ว่าเวลาที่คุณเรียกฟังก์ชั่น CreateNewRow() ขึ้นมามาทำงาน ตัวฟังก์ชั่นอื่นที่อยู่ด้านนอกไม่ทำงานด้วย
ลองเอาสคริปของ DatePicker ใ่ส่เข้าไปใน CreateNewRow() ดูครับ

เอาเฉพาะส่วนข้างล่างนี้
Code (JavaScript)

$$('input.DatePicker').each( function(el) {
     new DatePicker(el);
});

Date : 2012-11-12 13:11:37

By : dreamlover

No. 2

Guest

ได้แล้วค่ะ ขอบคุณค่ะ แต่ติดปัญหาอีกอย่างคือ แถวสุดท้าย pop up calendar ไม่ทำงาน ค่ะ เช่น ถ้าเพิ่ม 4 แถว แถวที่ 4 จะไม่ทำงาน , ถ้าเพิ่ม 10 แถว แถวที่ 10 จะไม่ทำงาน

Date : 2012-11-12 13:22:27

By : shushu

No. 3

jack

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

อันนี้ผมไม่แน่ใจนะครับ เพราะไม่เคยใช้ plugin ตัวนี้

ลองเปลี่ยน event จาก each มาเป็น click แทน ตามตัวอย่างด้านล่าง

Code (JavaScript)

$$('input.DatePicker').click( function(el) {
     new DatePicker(el);
});

Date : 2012-11-12 15:04:01

By : dreamlover

No. 4

Guest

ลองเปลี่ยนดูแล้วค่ะ แต่ยังไม่ได้ ยังไง ขอบคุณมากคะ

Date : 2012-11-12 15:42:54

By : shushu

No. 5

Guest

ได้แล้วค่ะ จริงๆ แล้วยังมี function ตัวนี้

Code (JavaScript)

function GenerateRow()
	{
		var intRows = parseInt(document.frm.txtCount.value);
		
		for(i=0;i<intRows;i++)
		{
			CreateNewRow();
		}
		$$('input.DatePicker').each( function(el) {
        new DatePicker(el);
		});
	}

เพิ่มโคด ตามพี่บอกก็ได้เลยค่ะ

Date : 2012-11-12 15:48:27

By : shushu

No. 6

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

ดีใจด้วยครับ

Date : 2012-11-12 16:15:27

By : mr.win

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : จะเรียกใช้ Datepicker จาก "mootools.v1.11.js" ใน Dynamic Element form ยังไงค่ะ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก