Diễn Đàn Hỗ Trợ FM
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.


[Hỏi đáp] Nút "Chọn toàn bộ" cho khung code

Tác giả: - vào lúc:
Kou94
Bài viết : 134
Points : 210
Like : 12
Punbb
An toàn
Kou94MEM LV3
9/3/2016, 20:39
#1
Mình đang cần đoạn code giúp hiển thị nút "Chọn toàn bộ" cho khung code, rất mong được mọi người chia sẻ. Cảm ơn vì đã ghé thăm topic.
Admin
Bài viết : 431
Points : 820
Like : 120
Punbb
Quản trị
Status : test
AdminACP
9/3/2016, 21:04
#2
mấy code này trên gôogle cả đống mà
Giựt
Bài viết : 272
Points : 440
Like : 89
Punbb
Cẩn thận
Status : Giựt đẹp trai
GiựtMOD
9/3/2016, 21:07
#3
Thêm js sau :

Code:

function selectCode(a) {
    a = $(a).closest("dl").find(".cont_code,code")[0];
    if (window.getSelection) {
        var c = window.getSelection();
        if (c.setBaseAndExtent) c.setBaseAndExtent(a, 0, a, a.innerText.length - 1);
        else {
            window.opera && a.innerHTML.substring(a.innerHTML.length - 4) == "<BR>" && (a.innerHTML += " ");
            var b = document.createRange();
            b.setStart(a.firstChild, 0);
            b.setEnd(a, a.childNodes.length);
            c.removeAllRanges();
            c.addRange(b)
        }
    } else document.getSelection ? (c = document.getSelection(), b = document.createRange(), b.selectNodeContents(a), c.removeAllRanges(), c.addRange(b)) : document.selection && (b = document.body.createTextRange(), b.moveToElementText(a), b.select())
};
$(function () {
    $("dl.codebox:not(.spoiler,.hidecode)  > dd.code, dl.codebox:not(.spoiler,.hidecode)  > dd > code").closest("dl").find('dt').append('<span onclick="selectCode(this)" class="selectCode">Chọn toàn bộ</span>')
});


Nếu muốn trang trí thì vào css thêm :

Code:

.selectCode {css của bạn ở đây}
div.cont_code {css của bạn ở đây}
Kou94
Bài viết : 134
Points : 210
Like : 12
Punbb
An toàn
Kou94MEM LV3
9/3/2016, 21:25
#4
@Admin: Tìm ra mà add vào ko hoặc động ad ạ Very Happy
@trandangduat: Cảm ơn nhé, code chạy rất tốt Very Happy
Giựt
Bài viết : 272
Points : 440
Like : 89
Punbb
Cẩn thận
Status : Giựt đẹp trai
GiựtMOD
9/3/2016, 21:52
#5
Kou94 đã viết:
@Admin: Tìm ra mà add vào ko hoặc động ad ạ Very Happy
@trandangduat: Cảm ơn nhé, code chạy rất tốt Very Happy


Like miệng à
Sponsored content
#6