Feeds:
เรื่อง
ความเห็น

Set tag div same row

เคยติดปัญหานี้กันเปล่าครับ คือต้องการ กำหนด ให้ tag <div> ใน html อยู่ใน บันทัดเดียวกัน  

ตัวอย่าง

<div> Data1</div>

<div> Data2</div>

<div> Data3</div> 

ซึ่งในการแสดง ผลออกมาทางหน้าจอ จะแสดงดังนี้

                                          Data1

                                          Data2

                                          Data3

แต่เราต้องการ ให้แสดงอยู่ใน บรรทัดเดียวกัน ทำได้ดังนี้ครับ

                        <div style=’float:left’> Data1</div>

                        <div style=’float:left’> Data1</div>

                        <div style=’float:left’> Data3</div>

 ผลลัพธ์  ที่ได้จะแสดง ดังนี้ครับ                     

                                      Data 1 Data 2 Data 3

แค่นี้ละครับ ข้อมูลก็อยู่ใน บรรทัดเี่ดียวกันแล้วครับ (^_^)

Advertisements

Asp.net Access Key By Enter

คุณเคยติดปัญหานี้หรือเปล่า ขณะที่ทำการ กรอก user name และ password แล้วต้องการ กด Key Enter เพื่อทำการ Login เข้าสู่ระบบของ คุณ โดยไม่ต้องใช้ mouse ไปคลิกที่ปุ่ม Login เพื่อทำการ login แต่ปัญหานี้จะไม่เกิดถ้าใน form นั้นมี ปุ่ม login เพียง ปุ่มเดียว แต่ถ้า มีมากกว่า 1 ปุ่มแล้วละก็เกิดปัญหาแน่ครับ
ตัวอย่างถ้าในหน้านั้น มีสวนที่ต้องการ search หาข้อมูลของ web หรือ แล้วต้องการ กด Key Enter หลังจาก กรอก คำีที่ต้องการ ลงใน text box ถ้าเรากด Enter ก็อาจจะเกิดปัญหา ใน การ PostBack ซึ่งอาจจะกลายเป็นการ Login แทน ที่จะเป็นการ Search ข้อมูล
เรามาดูวิธีการแก้ปัญหานี้กันครับ
1. สร้าง Javascript ดังนี้ครับ

function AnyInput_KeyDown (e, target)
{
if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) { __doPostBack(target,”); return false; } return true;
}

2. กำหนด Attribute ให้กับ textbox ที่ต้องการ (ในส่วนของ CodeBehide ตอน form_load)
ถ้ามีการกด Key Enter ในแต่ละ textbox โปรแกรมจะเข้าไปทำงานต่อในส่วน ของ ปุ่ม ใน Event Click

txtGoogleSearch.Attributes.Add(“onkeyDown”,”return AnyInput_KeyDown(event,’btnGoogleSearch’)”);
txtMemberPassword.Attributes.Add(“onkeyDown”,”return AnyInput_KeyDown(event,’btnLogin’)”);
txtEMailS.Attributes.Add(“onkeyDown”,”return AnyInput_KeyDown(event,’btnSearch’)”);

แค่นี้ละครับเราก็สามารถใช้ Key ENTER แทนการกดปุ่ม ได้แล้วครับ

Tanatip’s Weblog › Create New Post — WordPress

Tanatip’s Weblog › Create New Post — WordPress

Tanatip

ทดสอบครับพี่น้อง

Hello world!

Welcome to WordPress.com. This is your first post. Edit or delete it and start blogging!