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,028

HOME > PHP > PHP Forum > fancybox จะทำการ ส่ง Method ไปประมวลผลยังไง ดัดแปลงทำ login



 

fancybox จะทำการ ส่ง Method ไปประมวลผลยังไง ดัดแปลงทำ login

 



Topic : 069242



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



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



https://www.thaicreate.com/community/popup-fancybox-jquery-php-mysql.html
fancybox จะทำการ ส่ง Method ไปประมวลผลยังไง ดัดแปลงทำ login ครับ

ลักษณะการทำงาน

เมื่อเรากรอกข้อมูล login เสร็จ กดปุ่ม submit แล้ว จะขึ้น fancybox แจ้งสถานะการ login
[ยกตัวอย่าง หน้า login คือ index.php ส่งไปประมวลผล test.php แต่ปรากฏว่า มันไม่ได้ตัวเลยใดๆเลย ครับ :: ลอง echo ตัวแปรดูแล้ว ]


ผมคิดว่าน่าจะเป็น

Code (PHP)
  <a id="login"  class="various iframe" href="system.php"><input type="submit" name="submit" id="submit" value="Submit" /></a>


ใช้ไหมครับ แล้วผมต้องแก้ไขยังไง



Tag : PHP, Ajax







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2011-11-18 02:57:10 By : icman View : 2111 Reply : 4
 

 

No. 1



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



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

http://stackoverflow.com/questions/969522/open-fancybox-or-equiv-from-form-input-type-submit

http://fancybox.net/blog

เจอมาแต่ ยัง งง ไม่รู้จะแก้ไขยังไงดีครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-18 14:26:33 By : icman
 


 

No. 2



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



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

Code (JavaScript)
	$(document).ready(function() {
			$('input[id^="submit"]').fancybox({
				'width'				: '55%',
				'height'			: '30%',
				'autoScale'     	: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe',
		
				onClosed	:	function() {
					parent.location.reload(true); 
				} 
			});
				


ลองเปลื่ยน $('input[id^="submit"]') จาก กดลิงค์ เป็น submit ก็ยังไม่ได้

1. ไม่ไปตาม url ของ form
2.ไปส่งตัวแปรไปประมวลผล

------------------------------------------------

จะทำยังไง ให้ กด submit แล้ว ขึ้น fancybox แสดงสถานะการ login เลยว่า ผ่าน หรือ ไม่ผ่าน อ่าครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-18 15:59:50 By : icman
 

 

No. 3



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



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


เอาเท่าที่ผมลองโหลดของเว็บไปเล่นดูนะ คือ หน้าแรกน่ะมันมีไฟล์ของมันเองโดยไม่รวมไฟล์กับ ลบ หรือ แก้ไข นะ แล้วพอเรากด แก้ไข หรือลบ มันก็จะไปเรียกไฟล์นั้นมา
ส่วนบรรทัดนี้น่ะ $('a[id^="edit"]').fancybox({ ชื่อ edit มันน่าจะอ้างอิงกับ <a id="edit<?=$i;?>" ชื่อ edit ตรงนี้นะ และชื่อตรงนี้ก็เชื่อมต่อไปหาไฟล์นั้นๆ
ส่วนเรื่องความต้องการของ จขกท. นั้น คือ
1. ต้องมีไฟล์ล็อคอินโดยเฉพาะก่อน และก็ include ไฟล์ล็อคอินเข้ามา
2. ที่ไฟล์ล็อคอินนั้น ก็มีการเช็คว่า ถ้าไม่มีการล็อคอินก็ให้แสดงฟอร์มสำหรับกรอกข้อมูลออกมา และเมื่อล็อคอินแล้วก็ให้แสดงอีกส่วนออกมา ก็เช็คที่ session เอาน่ะแหละ เพราะเค้าก็เก็บข้อมูลล็อคอินไว้ใน session น่ะ

ผิดพลาดประการใดก็ขอโทษด้วยนะครับ ก็แสดงความคิดเห็นตามที่ได้ลองเล่นดูน่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-19 10:21:55 By : ozma
 


 

No. 4



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



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


Code (JavaScript)
            $("#loginForm").bind("submit", function() {

                $.ajax({
                    type        : "post",
                    cache   : false,
                    url     : "lib/class.php",
                    data        : $(this).serializeArray(),
                    success: function(data) {
                        $.fancybox(data);
                    }
                });
                return false;
            });


อันนี้ผมใช้ได้ครับ รับค่าจาก form id loginForm แล้วส่งไปยังไฟล์ที่เช็คค่าแล้วค่าจะส่งกลับแสดงออกมาทาง box

แต่มีปัญหาครับที่ผมเจอ คือปกติเราตั้ง รีไดเรคไปที่หน้างาน แล้วทั้งหน้ามันมาแสดงใน box นั้นเลย ตอนนี้หาทางแก้ก่อน


มาเพิ่มเติมครับ
Code (JavaScript)
            $("#loginForm").bind("submit", function() {
                $.ajax({
                    type        : "post",
                    cache   : false,
                    url     : "lib/class.php",
                    data        : $(this).serializeArray(),
                    success: function(data) {
                        $.fancybox(data);
                        location.href = "index.php";
                    },
                });
                return false;
            });


หลักการคือ ส่งค่าไปแล้ว success ก็จะส่งค่ากลับ อาจจะเป็น error รหัสผิด หรือแจ้งว่า login ถูกต้อง จากนั้นมีเวลา 3 วินาที จะไปที่ location.href = "index.php"; ซึ่งหากเขียน login ดัก session ไว้ ถ้า login ถูกก็จะใช้งานได้ แต่ถ้า login ผิด ก็จะโดนตีกลับไปตาม สคริป login ดัก session ครับ แต่ปกติก็กลับไปหน้า login อยู่แล้ว


ประวัติการแก้ไข
2013-02-25 02:44:59
2013-02-25 02:46:29
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-25 01:42:38 By : asptuy
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : fancybox จะทำการ ส่ง Method ไปประมวลผลยังไง ดัดแปลงทำ login
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 อัตราราคา คลิกที่นี่