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

Đề tài: Lấy tag img và gán id cho nó bằng sử dụng JQuery trong ASP.NET?

  1. #1
    Ngày gia nhập
    01 2012
    Bài viết
    2

    Mặc định Lấy tag img và gán id cho nó bằng sử dụng JQuery trong ASP.NET?

    Hi. Mình có 3 hình khi mình chọn tắm hình nào đó thì mình muốn gán cho img cái id mới. Mình tìm không ra cách nên lên đây hỏi anh em, hi vọng anh em chia sẽ cho mình.
    Dưới đây là code mình viết. Mình cần xử lý ở "//Cần xử lý vấn đề ở đây.".
    Cảm ơn đã quan tâm.

    HTML Code:
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    4. <title>Editor</title>
    5. <script type="text/javascript" src="jquery.min.js"></script>
    6.    <script>
    7.         $(document).ready(function(e) {
    8.                 //Cần xử lý vấn đề ở đây.
    9.                });
    10.    </script>
    11. </head>
    12.     <table align="center">
    13.         <tr>
    14.             <td width="200">
    15.                 <img src="increase_indent.png" />
    16.             </td >
    17.            
    18.             <td width="200">
    19.                 <img src="paste_from_word.png"/>
    20.             </td>
    21.            
    22.             <td width="200">
    23.                 <img src="replace.png"/>
    24.             </td>
    25.         </tr>
    26.     </table>
    27. </body>
    28. </html>

  2. #2
    Ngày gia nhập
    09 2011
    Nơi ở
    Cầu Giấy - Hà Nội
    Bài viết
    67

    HTML Code:
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    4. <title>Untitled Document</title>
    5. <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
    6. <script type="text/javascript">
    7.     $(document).ready(function() {
    8.         $('#tb-01 td img').hover(function(){
    9.             $(this).attr('id', $(this).attr('title'));
    10.             //test
    11.             var a = $(this).attr('id');
    12.             alert('id: #' + a);
    13.         }, function(){
    14.             $(this).attr('id', '');
    15.             //test
    16.             var b = $(this).attr('id');
    17.             alert('id: #' + b + ' da loai bo');
    18.         });
    19.     });
    20. <style type="text/css">
    21. #test-01{
    22.     padding:5px; border: 2px solid red;
    23. }
    24. #test-02{
    25.     padding:5px; border: 2px solid green;  
    26. }
    27. </head>
    28.  
    29.     <table id="tb-01" align="center">
    30.         <tr>
    31.             <td width="200">
    32.                 <img src="1.jpg" width="100" height="100" title="test-01"/>
    33.             </td >
    34.            
    35.             <td width="200">
    36.                 <img src="2.jpg" width="100" height="100" title="test-02"/>
    37.             </td>
    38.         </tr>
    39.     </table>
    40.  
    41. </body>
    42. </html>

    Khuyến cáo: Mình có thể hiểu được ý tưởng của bạn cho vấn đề này, nếu ta dùng ID thì hơi phiến diện 1 tí, vì ID là xác định 1 phần tử duy nhất trên trang HTML (phần tử cùng kiểu).

    Để cho vấn đề của bạn được giải quyết "đẹp" hơn, ta nên sử dụng addClass() thì tốt hơn

    HTML Code:
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    4. <title>Untitled Document</title>
    5. <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
    6. <script type="text/javascript">
    7.     $(document).ready(function() {
    8.         $('#tb-01 td img').hover(function(){
    9.             $(this).addClass('hover');
    10.         }, function(){
    11.             $(this).removeClass('hover');
    12.         });
    13.     });
    14. <style type="text/css">
    15. .hover{
    16.     padding:5px; border: 2px solid red;
    17. }
    18. </head>
    19.  
    20.     <table id="tb-01" align="center">
    21.         <tr>
    22.             <td width="200">
    23.                 <img src="1.jpg" width="100" height="100"/>
    24.             </td >
    25.            
    26.             <td width="200">
    27.                 <img src="2.jpg" width="100" height="100"/>
    28.             </td>
    29.         </tr>
    30.     </table>
    31.  
    32. </body>
    33. </html>
    -*- CÔNG VIỆC BẬN RỘN -*-
    My Tutorials on Youtube Channel: http://youtube.com/user/rinkatori90
    My blog: http://code4lifevn.blogspot.com

  3. #3
    Ngày gia nhập
    01 2012
    Bài viết
    2

    Mặc định Trong chờ anh em giúp đỡ.

    Hi manhdt. Chắt bạn hiểu khác mình. Giờ mình muốn chọn một cái hình thì mình cần biết mình chọn hình nào để xử lý. Vì trong phần html thì không có bất kỳ id nào hết. Đó mới là vấn đề của mình. Ví dụ nhe, tấm hình chưa căn gì hết mà giờ mình chọn tấm hình được căn trái. Vậy mình cần biết mình chọn hình nào để xử lý. Cảm ơn bạn đã quan tâm.

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

  1. Cách sử Dụng jquery Lightbox trong jsp?
    Gửi bởi bachkim20 trong diễn đàn Thắc mắc lập trình Java
    Trả lời: 0
    Bài viết cuối: 05-07-2013, 06:30 PM
  2. Layout sử dụng jquery Dẫn đến code ko dùng được các hàm jquery
    Gửi bởi dinhcongvinh trong diễn đàn Thắc mắc lập trình ASP.NET
    Trả lời: 2
    Bài viết cuối: 04-03-2013, 03:40 PM
  3. Hỏi về JQuery và C# trong asp.net
    Gửi bởi nguyenthuan111 trong diễn đàn Nhập môn lập trình C#, ASP.NET
    Trả lời: 10
    Bài viết cuối: 17-07-2012, 02:08 AM
  4. tại sao bản jquery MIN sao không hiện tên hàm trong asp.net
    Gửi bởi GaPro trong diễn đàn Thắc mắc lập trình C#
    Trả lời: 1
    Bài viết cuối: 26-11-2010, 04:57 PM
  5. jQuery UI 1.6: The User Interface Library for jQuery
    Gửi bởi quachnguyen trong diễn đàn Tài liệu, ebooks và công cụ
    Trả lời: 0
    Bài viết cuối: 22-02-2009, 11:46 AM

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