สอบถามการกรองกิจกรรมจาก dropdown ครับ

สำหรับผู้ที่ เริ่มต้น Programming - PHP มีอะไร แนะนำ หรือข้อสงสัยต้องบอร์ด นี้ คนที่มีความรู้ แบ่งปันคนอื่นบ้างนะ ปัญหาการเขียนโปรแกรม แบบ OOP Session Cookies php network

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
[email protected]
PHP VIP Members
PHP VIP Members
โพสต์: 1961
ลงทะเบียนเมื่อ: 21/11/2022 9:20 am

สอบถามการกรองกิจกรรมจาก dropdown ครับ

โพสต์ที่ยังไม่ได้อ่าน โดย [email protected] »

สืบเนื่องจาก viewtopic.php?p=295591#p295591

หลังจากที่เปลี่ยนการส่งค่ามาแบบ Ajax ได้แล้ว ตอนนี้ Filter ประเภทกิจกรรมไม่มาครับ
1.png
1.png (45.05 KiB) Viewed 481 times
2.png
2.png (47.19 KiB) Viewed 481 times

แต่ตัว URL เปลี่ยนไปตาม ประเภทกิจกรรมที่เลือกครับ


Youtube Live :

โค้ด: เลือกทั้งหมด

http://localhost/tools/tool-calendar-events/index.php?event_type_id=1
Facebook Live :

โค้ด: เลือกทั้งหมด

http://localhost/tools/tool-calendar-events/index.php?event_type_id=4

เบื้องต้นผมไม่แน่ใจว่า มันมีผลกระทบไปตรงส่วนไหน ขออนุญาตรบกวนสอบถามครับ

ขอบคุณครับ



ส่วนของการ Filter

โค้ด: เลือกทั้งหมด

	<form align = 'right' action="<?php echo $_SERVER["PHP_SELF"]   ?>" method="GET">
		<select class="btn-primary" id="event_type_id" name="event_type_id" onchange="this.form.submit()">
			<option value="0"><?php echo $lang_select_events ?></option>
				<?php
											
				$sql1 = "SELECT event_type_id , event_type_name FROM tools_events_type ";

				$req1 = $bdd->prepare($sql1);
				$req1->execute();
				$events1 = $req1->fetchAll();
				foreach($events1 as $row) {
				$selected = ($event_type_id == $row['event_type_id'])  ?   'selected'  : '' ;
				?>
				<option value="<?php echo  $row['event_type_id'];?>" <?php echo $selected ?>><?= $row['event_type_name'];?></option>
				<?php } ?>
		</select>
	</form>
ส่วนของปฏิทิน

โค้ด: เลือกทั้งหมด

<script>
	
		

			$(document).ready(function () {

				$('#calendar').fullCalendar({

				
					
					header: {


						left: 'prev,next today',
						center: 'title',
						right: 'month,agendaWeek,agendaDay,listMonth'
					},
				
					navLinks: true,
					defaultDate: '<?php echo$date?>',
					minTime: '00:00:00',
					maxTime: '24:00:00',
					editable: true,
					
					eventLimit: true, 
					selectable: true,
					selectHelper: true,
					select: function (start, end) {

						$('#ModalAdd #start').val(moment(start).format('YYYY-MM-DD HH:mm:ss'));
						$('#ModalAdd #end').val(moment(end).format('YYYY-MM-DD HH:mm:ss'));
						$('#ModalAdd').modal('show');
					},
					eventRender: function  (event, element)  { 
						element.bind('dblclick', function () {
							
							$('.translate').attr('href', 'events_details.php?id='+event.id+'&event_type_id='+event.event_type_id+'&lang=<?php echo $lang ;?>');
							$('#ModalEdit #id').val(event.id);
							$('#ModalEdit #title').val(event.title);
							$('#ModalEdit #detail').val(event.detail);
							$('#ModalEdit #event_type_id').val(event.event_type_id);
							$('#ModalEdit').modal('show');
						});
					}, 
					eventDrop: function (event, delta, revertFunc) { 

						edit(event);

					},
					eventResize: function (event, dayDelta, minuteDelta, revertFunc) { 

						edit(event);

					},

	
					events: 'ajax_event_type.php' 
			});

			function edit(event) {
				start = event.start.format('YYYY-MM-DD HH:mm:ss');
				if (event.end) {
					end = event.end.format('YYYY-MM-DD HH:mm:ss');
				} else {
					end = start;
				}

				id = event.id;

				Event = [];
				Event[0] = id;
				Event[1] = start;
				Event[2] = end;

				$.ajax({
					url: 'editEventDate.php',
					type: "POST",
					data: { Event: Event },
					success: function (rep) {
						if (rep == 'OK') {
							alert('บันทึก');
						} else {
							alert('Could not be saved. try again.');
						}
					}
				});
			}
		
	});

	

		</script>
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41232
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: สอบถามการกรองกิจกรรมจาก dropdown ครับ

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

หมายถึง Filter ในขั้นตอนไหน
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ภาพประจำตัวสมาชิก
[email protected]
PHP VIP Members
PHP VIP Members
โพสต์: 1961
ลงทะเบียนเมื่อ: 21/11/2022 9:20 am

Re: สอบถามการกรองกิจกรรมจาก dropdown ครับ

โพสต์ที่ยังไม่ได้อ่าน โดย [email protected] »

mindphp เขียน: 20/01/2023 5:57 pm หมายถึง Filter ในขั้นตอนไหน
ส่วนของนำค่าที่เลือก จาก Dropdown ออกมาแสดง ที่ตัวปฏิทินเฉพาะที่เลือกครับ
1.png
1.png (43.67 KiB) Viewed 405 times
2.png
2.png (44.99 KiB) Viewed 405 times

ที่ต้องเป็นคือ เมื่อเราเลือกค่าใน dropdown แล้ว ตัวปฏิทินจะต้องแสดงเฉพาะที่มีประเภทกิจกรรมนั้นๆ ครับ


ส่วนของการ Filter

โค้ด: เลือกทั้งหมด

	<form align = 'right' action="<?php echo $_SERVER["PHP_SELF"] ?>" method="GET">
 <select class="btn-primary" id="event_type_id" name="event_type_id" onchange="this.form.submit()">
 <option value="0"><?php echo $lang_select_events ?></option>
 <?php
 
 $sql1 = "SELECT event_type_id , event_type_name FROM tools_events_type ";

 $req1 = $bdd->prepare($sql1);
 $req1->execute();
 $events1 = $req1->fetchAll();
 foreach($events1 as $row) {
 $selected = ($event_type_id == $row['event_type_id']) ? 'selected' : '' ;
 ?>
 <option value="<?php echo $row['event_type_id'];?>" <?php echo $selected ?>><?= $row['event_type_name'];?></option>
 <?php } ?>
 </select>
 </form>
ส่วนของปฏิทิน

โค้ด: เลือกทั้งหมด

<script>
 
 

 $(document).ready(function () {

 $('#calendar').fullCalendar({

 
 
 header: {


 left: 'prev,next today',
 center: 'title',
 right: 'month,agendaWeek,agendaDay,listMonth'
 },
 
 navLinks: true,
 defaultDate: '<?php echo$date?>',
 minTime: '00:00:00',
 maxTime: '24:00:00',
 editable: true,
 
 eventLimit: true, 
 selectable: true,
 selectHelper: true,
 select: function (start, end) {

 $('#ModalAdd #start').val(moment(start).format('YYYY-MM-DD HH:mm:ss'));
 $('#ModalAdd #end').val(moment(end).format('YYYY-MM-DD HH:mm:ss'));
 $('#ModalAdd').modal('show');
 },
 eventRender: function (event, element) { 
 element.bind('dblclick', function () {
 
 $('.translate').attr('href', 'events_details.php?id='+event.id+'&event_type_id='+event.event_type_id+'&lang=<?php echo $lang ;?>');
 $('#ModalEdit #id').val(event.id);
 $('#ModalEdit #title').val(event.title);
 $('#ModalEdit #detail').val(event.detail);
 $('#ModalEdit #event_type_id').val(event.event_type_id);
 $('#ModalEdit').modal('show');
 });
 }, 
 eventDrop: function (event, delta, revertFunc) { 

 edit(event);

 },
 eventResize: function (event, dayDelta, minuteDelta, revertFunc) { 

 edit(event);

 },

 
 events: 'ajax_event_type.php' 
 });

 function edit(event) {
 start = event.start.format('YYYY-MM-DD HH:mm:ss');
 if (event.end) {
 end = event.end.format('YYYY-MM-DD HH:mm:ss');
 } else {
 end = start;
 }

 id = event.id;

 Event = [];
 Event[0] = id;
 Event[1] = start;
 Event[2] = end;

 $.ajax({
 url: 'editEventDate.php',
 type: "POST",
 data: { Event: Event },
 success: function (rep) {
 if (rep == 'OK') {
 alert('บันทึก');
 } else {
 alert('Could not be saved. try again.');
 }
 }
 });
 }
 
 });

 

 </script>
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41232
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: สอบถามการกรองกิจกรรมจาก dropdown ครับ

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

List box ลงค่าเพื่อเปลี่ยนหน้า โดยเพิ่ม parameter เข้าไปใน url ของหน้า ตามค่าใน list box ที่เลือก ใช้ javascript ช่วย
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ภาพประจำตัวสมาชิก
[email protected]
PHP VIP Members
PHP VIP Members
โพสต์: 1961
ลงทะเบียนเมื่อ: 21/11/2022 9:20 am

Re: สอบถามการกรองกิจกรรมจาก dropdown ครับ

โพสต์ที่ยังไม่ได้อ่าน โดย [email protected] »

mindphp เขียน: 25/01/2023 12:19 pm List box ลงค่าเพื่อเปลี่ยนหน้า โดยเพิ่ม parameter เข้าไปใน url ของหน้า ตามค่าใน list box ที่เลือก ใช้ javascript ช่วย
การ List box ลงค่าเพื่อเปลี่ยนหน้า ตรงส่วนนี้ ผมขออนุญาตสอบถามผมควรศึกษาเนื้อหาตรงส่วนไหนเพิ่มเติมครับ

ขอบคุณครับบบ
ภาพประจำตัวสมาชิก
[email protected]
PHP VIP Members
PHP VIP Members
โพสต์: 1961
ลงทะเบียนเมื่อ: 21/11/2022 9:20 am

Re: สอบถามการกรองกิจกรรมจาก dropdown ครับ

โพสต์ที่ยังไม่ได้อ่าน โดย [email protected] »

เบื้องต้นตอนนี้ตรงส่วนของ listbox ที่เป็นรายชื่อประเภทของกิจกรรมของผมเป็นรูปแบบนี้ครับ

โค้ด: เลือกทั้งหมด

						<form align='right' action="<?php echo $_SERVER["PHP_SELF"]   ?>" method="GET">
							<select class="btn-primary" id="event_type_id" name="event_type_id" onchange="this.form.submit()">
								<option value="0"><?php echo $lang_select_events ?></option>
								<?php

								$sql1 = "SELECT event_type_id , event_type_name FROM tools_events_type ";

								$req1 = $bdd->prepare($sql1);
								$req1->execute();
								$events1 = $req1->fetchAll();
								foreach ($events1 as $row) {
									$selected = ($event_type_id == $row['event_type_id'])  ?   'selected'  : '';
								?>
									<option value="<?php echo  $row['event_type_id']; ?>" <?php echo $selected ?>><?= $row['event_type_name']; ?></option>
								<?php } ?>
							</select>
						</form>

ผมไม่แน่ใจว่าต้องไปเพิ่มเติมตรงส่วนไหนของ ปฏิทินให้มันสามารถ selected ได้ไหมครับ

ส่วนปฏิทิน

โค้ด: เลือกทั้งหมด

<script>
				$(document).ready(function() {

					$('#calendar').fullCalendar({
						locale: '<?php echo $lang ?>',

						header: {

							left: 'prev,next today',
							center: 'title',
							right: 'month,agendaWeek,agendaDay,listMonth'
						},

						navLinks: true,
						defaultDate: '<?php echo $date ?>',
						minTime: '00:00:00',
						maxTime: '24:00:00',
						editable: true,

						eventLimit: true,
						selectable: true,
						selectHelper: true,
						select: function(start, end) {

							$('#ModalAdd #start').val(moment(start).format('YYYY-MM-DD HH:mm:ss'));
							$('#ModalAdd #end').val(moment(end).format('YYYY-MM-DD HH:mm:ss'));
							$('#ModalAdd').modal('show');
						},
						eventRender: function(event, element) {
							element.bind('dblclick', function() {

								$('.translate').attr('href', 'events_details.php?id=' + event.id + '&event_type_id=' + event.event_type_id + '&lang=<?php echo $lang; ?>');
								$('#ModalEdit #id').val(event.id);
								$('#ModalEdit #title').val(event.title);
								$('#ModalEdit #detail').val(event.detail);
								$('#ModalEdit #event_type_id').val(event.event_type_id);
								$('#ModalEdit').modal('show');
							});
						},
						eventDrop: function(event, delta, revertFunc) {

							edit(event);

						},
						eventResize: function(event, dayDelta, minuteDelta, revertFunc) {

							edit(event);

						},


						events: 'ajax_event_type.php'
					});

					function edit(event) {
						start = event.start.format('YYYY-MM-DD HH:mm:ss');
						if (event.end) {
							end = event.end.format('YYYY-MM-DD HH:mm:ss');
						} else {
							end = start;
						}

						id = event.id;

						Event = [];
						Event[0] = id;
						Event[1] = start;
						Event[2] = end;

						$.ajax({
							url: 'editEventDate.php',
							type: "POST",
							data: {
								Event: Event
							},
							success: function(rep) {
								if (rep == 'OK') {
									alert('บันทึก');
								} else {
									alert('Could not be saved. try again.');
								}
							}
						});
					}

				});
			</script>
ขอบคุณครับ
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: Google Adsense [Bot] และบุคลทั่วไป 112