10/10/2018, 11:08

Tạo iFrame để gửi tra cứu về website của mình

Chào các bạn.
Bạn nào biết làm cái iframe trôi nổi này không ạ

http://www.toitim.net/cach-nao-de-hu...ot-324322.html

Mình muốn làm iframe này để có thể trên bất kỳ của sổ tab nào của trinh duyệt dùng ifame nổi này gửi truy vấn về website của mình.
Các bạn tham gia giúp mình ha.
xx3004 viết 13:08 ngày 10/10/2018
Đây là đoạn code đơn giản, ko màu mè, ko hiệu ứng, chỉ có chức năng chính là "trôi nổi" như bạn muốn thôi nha :P.

Đầu tiên tạo 1 cái div chứa iframe, để nó trôi nổi dc thì phải đặt thuộc tính position là fixed [đây là kiểu trôi nổi ko màu mè, cố định 1 chỗ], trong cái div này sẽ chứ chữ [Close] để người dùng click vào có thể đóng nó lại, và dưới chữ [Close], dĩ nhiên là cái iframe của bạn rồi:

PHP Code:
<div id="iframeContainer" style="position: fixed; top: 200; left: 200; width: auto; height: auto;">
    <
a href="javascript: document.getElementById('iframeContainer').style.visibility='hidden';">Close</a>
    <
br>
    <
iframe frameborder=0 src="Cho cái link iframe của bạn vào đây"></iframe>
</
div
Vậy đấy, còn nếu bạn muốn hiệu ứng màu mè hoa lá hẹ thì cứ post lên đây, mọi người sẽ tìm giúp bạn, còn giờ mình đi ngủ, bb :P.

[x]
meoconnho viết 13:18 ngày 10/10/2018
ý định của mình là tạo như thế nào nè các bạn
http://www.mediafire.com/imageview.p...uiagk7&thumb=4
và cố định tại 1 vị trí ạ
xx3004 viết 13:13 ngày 10/10/2018
@meoconnho: Code của mình nó cố định tại 1 vị trí mà :P, chỉ có điều ko có hiệu ứng thôi.

[x]
meoconnho viết 13:15 ngày 10/10/2018
Bạn nhìn lại cái ảnh mà mình up lên media đó. 1 của sổ nằm trên mọi thành phần của website. chứ nó không chiếm 1 vùng trên website đâu(cái mình muốn làm nó che đi góc 1 thành phần nào đó). Bạn nhìn kỹ ha
xx3004 viết 13:10 ngày 10/10/2018
Được gửi bởi meoconnho
Bạn nhìn lại cái ảnh mà mình up lên media đó. 1 của sổ nằm trên mọi thành phần của website. chứ nó không chiếm 1 vùng trên website đâu(cái mình muốn làm nó che đi góc 1 thành phần nào đó). Bạn nhìn kỹ ha
Mình vẫn còn hiểu mập mờ quá, ý bạn là nó trôi nổi, và nó nằm trên cùng hết giống như 1 lớp riêng biệt đúng hok? Vậy thì bạn thêm thuộc tính style="z-index: 100000" vào cho nó xem.

[x]
Bài liên quan
0