Forgot Password ??

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

	Registered : 109,038

HOME > PHP > PHP Forum > Form เข้าไปอยู่ใน Form โดยใช้ CSS จัดตำแหน่งหลอกๆทำอย่างไรครับ?

Form เข้าไปอยู่ใน Form โดยใช้ CSS จัดตำแหน่งหลอกๆทำอย่างไรครับ?

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

lovepong

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

ตามภาพเลยครับ...ส่วนถ้าคุณมีคำถามว่าทำไมผมถึงต้องทำอย่างนั้นเหตุผลก็ เพราะว่า ฟอร์มข้างบนเป็นฟอร์มกรอกข้อมูลธรรมดา แต่ฟอร์มข้างล่าง เป็น Form upload ข้อมูล ( แบบ Ajax ) ถามว่าเป็น Ajax ยังไงทำไมต้องเป็นแบบนั้น ก็เพราะว่า ผมต้องการให้ ประมาณว่าเวลาคุณ upload ข้อมูล เจ้า ajax นี่หล่ะจะแสดง คล้ายๆ Progress bar ออกมา เหตุผลก็เพื่อจะได้รู้ว่าไฟล์ได้ upload สมบูรณ์รึเปล่าประมาณนั้นอะครับ

แต่ ปัญหามีอยู่ว่าคุณไม่สามารถจะใส่ form เข้าไปใน form ได้เพราะมันจะมองปุ่ม upload ไฟล์ เมื่อคุณกดจะมองเป็น ปุ่ม submit ไปเลย... ดังนั้นผมเลยคิดวิธีจะเอา CSS หลอกโดยตำแหน่ง ... มันอยู่ล่างสุดไม่ได้ มันจะต้องถูกวางระหว่างกลาง ของฟอร์มกรอกข้อมูลประมาณนั้นครับผม ใครพอมีวิธีแก้ปัญหาตรงจุดนี้มั๊ยครับ?

Tag : PHP, HTML/CSS, JavaScript, Ajax

Date : 2010-08-26 11:39:55

By : rugrinho

View : 1462

Reply : 3

No. 1

Guest

<td id="target1" style="width:300px;height:80px;"></td>

..........
<div id="upload_form" style="width:300px;height:80px;">
<form>...</form>
</div>

........

<script>
//ใช้ร่วมกับไฟล์ jquery.js
$(function(){
$('#upload_form').css({
position: 'absolute',
left: $('#target1').offset().left,
top: $('#target1').offset().top
});
});
</script>

Date : 2010-08-26 12:13:05

By : num

No. 2

lovepong

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : num เมื่อวันที่ 2010-08-26 12:13:05

รายละเอียดของการตอบ ::

... มันเอาไปใช้งานยังไงอะครับ แหม๋ จะช่วยทั้งทีทำให้ดีเยี่ยมไปเลยไม่ดีกว่าหร่อครับผม งงวิธีที่คุณอธิบายจังครับ?

Date : 2010-08-26 13:47:00

By : rugrinho

No. 3

lovepong

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

โอ้ๆ ขออภัยครับ อืมๆพอได้และ... อิอิ ขอบคุณมากครับ...

Date : 2010-08-26 13:57:33