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

Đề tài: Show info từ database khi hover image

  1. #1
    Ngày gia nhập
    02 2011
    Bài viết
    15

    Mặc định Show info từ database khi hover image

    Mình muốn hiển thị thông tin về sản phẩm như thế này

    Thông tin được load lên từ CSDL trong SQL bằng ASP.net thì làm tn ạ. <br />
    Mình đã tra thử google nhưng không thấy có cái nào giống cả .Mong mọi người giúp đỡ

  2. #2
    Ngày gia nhập
    10 2010
    Bài viết
    518

    Học jquery rồi chiến bác ah. cái này dễ bèo. Bác định làm tĩnh, hay dùng ajax thế?

  3. #3
    Ngày gia nhập
    02 2011
    Bài viết
    15

    Liệu dùng ajax hay jquery thì có load từ CSDL được không ạ :-? Mình thấy thường là họ phải dùng php để load dữ liệu từ mysql lên chứ không thấy load từ CSDL của Sql server lên :(. Xin lỗi mình hơi gà một chút nên mong mọi người giúp đỡ

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

    có ai giúp được không ạ :-?/

  5. #5
    Ngày gia nhập
    10 2010
    Bài viết
    518

    Mình cũng định chỉ giúp bác nhưng mà thấy bác chưa có tý khái niệm nào về nó nên cũng hơi nản. Trước m có viết 1 cái plugin nhỏ nhưng mà hiện tại chưa muốn share. Để tối mai mà k có ai tham gia vào thì m chỉ cho. hix. Dạo này lười lắm

  6. #6
    Ngày gia nhập
    02 2011
    Bài viết
    15

    Mặc định Show info từ database khi hover image

    Hichic, bạn có hướng không mình sẽ nghiên cứu

  7. #7
    Ngày gia nhập
    10 2011
    Bài viết
    18

    Trích dẫn Nguyên bản được gửi bởi Solewind.IT Xem bài viết
    Mình cũng định chỉ giúp bác nhưng mà thấy bác chưa có tý khái niệm nào về nó nên cũng hơi nản. Trước m có viết 1 cái plugin nhỏ nhưng mà hiện tại chưa muốn share. Để tối mai mà k có ai tham gia vào thì m chỉ cho. hix. Dạo này lười lắm
    giúp được thì giúp cho người ta đi bạn,ai lên đây hỏi cũng đều muốn nâng cao kiến thức mà,làm khó ngta làm gì chu

  8. #8
    Ngày gia nhập
    10 2010
    Bài viết
    518

    Bác down cái ở dưới về xem nhé. Chạy file HTMLPage.htm.
    Dùng thế này:
    Kéo file jquery vào nhé
    Ảnh thì đặt ID=ID của sản phẩn cần lấy thông tin, class thì phải giữ nguyên(giữ nguyên id & class của các thẻ khác nữa nhé), cái này m dùng ajax.
    bác cần tạo thêm 1 file aspx, file này như file Default2.aspx trong cái m gửi ấy, mỗi 1 thông tin thì ghi ra trên 1 dòng. bác dựa vào cái biến id để lấy thông tin từ DB(id này là cái id mà bác đặt cho ảnh ở trên ấy). Giả sử bác ghi ra dc như thế này nhé
    Ace
    Giá 123$
    12 tháng
    Bác thay tên file aspx vừa tạo vào cái file "HTMLPage2.htm" ở dưới.
    Đặt ID cho các thẻ cần hiển thị nội dung ra rồi thay vào cái vùng in đậm ở dưới ấy(thay tieuDe bằng cái ID mà bác đặt). thay data[0] bằng data[n] với n là vị trí của dòng trả về của file aspx(như ví dụ trên thì data[0] là Ace, data[1] là Giá 123$...), bác có thể thay đổi nội dung file HTMLPage2.htm & data[n] để hiểu rõ hơn
    Code:
    $.get("HTMLPage2.htm?id=" + $this.attr("id"), function (data) {
                        data = data.split("\n");
                        $("#divInfo #tieuDe").text(data[0]);
                        $("#divInfo #t1").text(data[1]);
                        $("#divInfo #t2").text(data[2]);
                    });
    Chạy thử rồi có gì thắc mắc thì hỏi nhé.
    PS: nếu đã thấy 1 web làm cái này rồi thì tốt nhất là copy của nó cho nhanh
    Attached Files Attached Files
    Đã được chỉnh sửa lần cuối bởi Solewind.IT : 21-10-2011 lúc 09:57 PM.

  9. #9
    Ngày gia nhập
    10 2011
    Bài viết
    12

    cai này hay nè thks pro

  10. #10
    Ngày gia nhập
    02 2011
    Bài viết
    15

    Trích dẫn Nguyên bản được gửi bởi Solewind.IT Xem bài viết
    Bác down cái ở dưới về xem nhé. Chạy file HTMLPage.htm.
    Dùng thế này:
    Kéo file jquery vào nhé
    Ảnh thì đặt ID=ID của sản phẩn cần lấy thông tin, class thì phải giữ nguyên(giữ nguyên id & class của các thẻ khác nữa nhé), cái này m dùng ajax.
    bác cần tạo thêm 1 file aspx, file này như file Default2.aspx trong cái m gửi ấy, mỗi 1 thông tin thì ghi ra trên 1 dòng. bác dựa vào cái biến id để lấy thông tin từ DB(id này là cái id mà bác đặt cho ảnh ở trên ấy). Giả sử bác ghi ra dc như thế này nhé
    Ace
    Giá 123$
    12 tháng
    Bác thay tên file aspx vừa tạo vào cái file "HTMLPage2.htm" ở dưới.
    Đặt ID cho các thẻ cần hiển thị nội dung ra rồi thay vào cái vùng in đậm ở dưới ấy(thay tieuDe bằng cái ID mà bác đặt). thay data[0] bằng data[n] với n là vị trí của dòng trả về của file aspx(như ví dụ trên thì data[0] là Ace, data[1] là Giá 123$...), bác có thể thay đổi nội dung file HTMLPage2.htm & data[n] để hiểu rõ hơn
    Code:
    $.get("HTMLPage2.htm?id=" + $this.attr("id"), function (data) {
                        data = data.split("\n");
                        $("#divInfo #tieuDe").text(data[0]);
                        $("#divInfo #t1").text(data[1]);
                        $("#divInfo #t2").text(data[2]);
                    });
    Chạy thử rồi có gì thắc mắc thì hỏi nhé.
    PS: nếu đã thấy 1 web làm cái này rồi thì tốt nhất là copy của nó cho nhanh
    Thx b nhé. Mình down về thử ngay thx u again

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

  1. Database Làm sao để đẩy dữ liệu image vào database và lấy ra show trong winform?
    Gửi bởi rocky_92 trong diễn đàn Thắc mắc lập trình C#
    Trả lời: 3
    Bài viết cuối: 05-06-2012, 10:08 PM
  2. xin ý tưởng về cách show dữ liệu từ database(xem hình sẽ rõ ạ)
    Gửi bởi sirou9x trong diễn đàn Nhập môn lập trình C#, ASP.NET
    Trả lời: 6
    Bài viết cuối: 05-05-2012, 07:04 AM
  3. Để lấy tên hình trong database bỏ vào image phải dùng thuộc tính nào
    Gửi bởi thuan trong diễn đàn Thắc mắc lập trình ASP.NET
    Trả lời: 5
    Bài viết cuối: 04-10-2011, 07:37 PM
  4. Database Cách show toàn bộ các bảng của database
    Gửi bởi sniper9195 trong diễn đàn Thắc mắc lập trình C#
    Trả lời: 2
    Bài viết cuối: 04-07-2011, 03:44 PM
  5. Load image từ database lên picturebox trong C#?
    Gửi bởi namroyal88 trong diễn đàn Thắc mắc lập trình C#
    Trả lời: 2
    Bài viết cuối: 30-08-2009, 10:10 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