Từ 1 tới 7 trên tổng số 7 kết quả

Đề tài: Nhấn enter để tự động tìm kiếm trên web

  1. #1
    Ngày gia nhập
    04 2009
    Bài viết
    33

    Mặc định Nhấn enter để tự động tìm kiếm trên web

    Chào các bác hiện nay em đang làm form tìm kiếm, giờ em muốn nhập giá trị vào textbox sau đó ấn enter thì nó tự động tìm kiếm(không phải click chuôt vào nút tìm kiếm). Giả sử trong trường hợp này em không dùng điều khiển button của asp. Xin các bác chỉ em cách làm. Xin cám ơn nhiều

  2. #2
    Ngày gia nhập
    03 2011
    Bài viết
    464

    bắt sự kiện keypress của textbox. xét coi nếu nó = 13 thì thực hiện tìm kiếm
    bongda24h.tv

  3. #3
    Ngày gia nhập
    04 2009
    Nơi ở
    Gầm cầu
    Bài viết
    2,230

    dùng 1 trong các sự kiện onkeypress ,onkeydown,onkeyup của javascript cho textbox
    trong sự kiện đó kiểm tra bằng javascript , nếu event.keycode=13 thì người dùng đang nhấn enter
    dùng document.getElementById('id_textbox').value để lấy giá trị của textbox , truyền vào queryString của trang tìm kiếm
    goodluck !

  4. #4
    Ngày gia nhập
    07 2011
    Bài viết
    36

    Bạn cho cái Panel bao bọc toàn bộ phần tìm kiếm rồi để Default Button của Panel bằng tên nút Tìm kiếm.
    Ví dụ đây là của phần đăng nhập, nó cũng tương tự như vậy
    HTML Code:
    1. <div class="content-login">
    2.     <asp:Panel ID="pnLogin" runat="server" DefaultButton="btnlogin">
    3.     <table border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:7px;">
    4.         <tr>
    5.             <td style="width:80px;">UserName:</td>
    6.             <td>
    7.                 <asp:TextBox ID="txtUserName" Width="95px" runat="server" />
    8.             </td>
    9.         </tr>
    10.         <tr>
    11.             <td style="width:80px;">Password:</td>
    12.             <td>
    13.                 <asp:TextBox ID="txtPassword" Width="95px" runat="server"
    14.                    TextMode="Password" />
    15.             </td>
    16.         </tr>
    17.     </table>
    18.     <table border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:10px;">
    19.         <tr>
    20.             <td style="width:80px;"><a href="\Pages\Register.aspx">+ Đăng ký</a></td>
    21.             <td>
    22.                 <asp:ImageButton ID="btnlogin" ImageUrl="/Styles/Images/login.png"
    23.                    runat="server" onclick="btnlogin_Click" />
    24.                 </td>
    25.         </tr>
    26.         <tr>
    27.             <td><a href="\Pages\ForgotPassword.aspx">+ Quên mật khẩu</a></td>
    28.         </tr>
    29.     </table>
    30.     </asp:Panel>

  5. #5
    Ngày gia nhập
    04 2009
    Bài viết
    33

    Trước tiên xin cám ơn các bác đã trả lời câu hỏi của em! Thực ra để tạo trang login sử dụng button thì em đã làm được rồi. Nhưng giờ ý của em muốn ở trong trang tìm kiếm em muốn ẩn button đi. Và sau khi nhập giá trị vào ô textbox em ấn enter thì nó gọi đến sự kiện click của thằng button. Cái này thì em chưa làm được. Nếu bác nào đã gọi kiểu này rồi xin chỉ em cách làm. Cám ơn các bác nhiều.

  6. #6
    Ngày gia nhập
    06 2009
    Bài viết
    54

    Mặc định Nhấn enter để tự động tìm kiếm trên web

    Trong texbox, bạn chèn thêm đoạn này:
    Code:
     onkeypress="ProcessKeypress()"
    Còn đây là mã javascript
    Code:
    <script type="text/javascript">
         function ProcessKeypress() {
             if (event.keyCode == 13) {
                 document.getElementById("btnSearch").click();
                 event.cancelBubble = true;
                 return false;
             }
         }
    </script>
    Nếu muốn sử dụng code kia cho nhiều textbox và nhiều button khác thì truyền tham số id nút vào thôi là đc

  7. #7
    Ngày gia nhập
    03 2009
    Bài viết
    149

    Trích dẫn Nguyên bản được gửi bởi astrologic Xem bài viết
    Trong texbox, bạn chèn thêm đoạn này:
    Code:
     onkeypress="ProcessKeypress()"
    Còn đây là mã javascript
    Code:
    <script type="text/javascript">
         function ProcessKeypress() {
             if (event.keyCode == 13) {
                 document.getElementById("btnSearch").click();
                 event.cancelBubble = true;
                 return false;
             }
         }
    </script>
    Nếu muốn sử dụng code kia cho nhiều textbox và nhiều button khác thì truyền tham số id nút vào thôi là đc

    sửa thêm nè
    document.getElementById("<%=btnSearch.ClientID%>") .click(); // vì cái này do server quản lý
    Sharing for success!

Các đề tài tương tự

  1. Trả lời: 12
    Bài viết cuối: 25-10-2012, 02:48 AM
  2. Kiếm tiền trên mạng uy tín nhất Việt Nam
    Gửi bởi bebittuot trong diễn đàn Giới thiệu website, sản phẩm của bạn
    Trả lời: 28
    Bài viết cuối: 29-08-2012, 04:01 PM
  3. Bài tập C++ nhập dãy kí tự in ra chữ hoa ,chữ thường, chữ số và các loại khác đến khi gặp enter
    Gửi bởi tuanlt10 trong diễn đàn Thắc mắc lập trình C/C++/C++0x
    Trả lời: 16
    Bài viết cuối: 06-11-2010, 07:49 PM
  4. Nhập cây nhị phân tìm kiếm trên C++??
    Gửi bởi terrotist123 trong diễn đàn Thắc mắc lập trình C/C++/C++0x
    Trả lời: 5
    Bài viết cuối: 27-07-2010, 02:20 PM
  5. Tìm kiếm trên C++ | Tìm kiếm sinh viên trên C++ | Cách xây dựng hàm tìm kiếm?
    Gửi bởi yentinh trong diễn đàn Thắc mắc lập trình C/C++/C++0x
    Trả lời: 5
    Bài viết cuối: 24-05-2009, 05:11 PM

Quyền hạn của bạn

  • Bạn không thể gửi đề tài mới
  • Bạn không thể gửi bài trả lời
  • Bạn không thể gửi các đính kèm
  • Bạn không thể chỉnh sửa bài viết của bạn