[FMvi-Group] Script đóng mở chuyên mục có sử dụng cookie

[baivong]

Mod này giúp tạo hiệu ứng khi đóng mở chuyên mục, ngoài ra, nó được bổ sung chức năng lưu cookie. Dưới đây là những đoạn code mẫu, chỉ dành cho những bạn có kiến thức cơ bản về HTML và Templates index_box.
Đối với những bạn chưa biết cách sửa templates và dùng HTML thì nên dùng các hướng dẫn cho dạng Templates mặc định
[You must be registered and logged in to see this link.]

Demo:

Code:

http://www.fmvi.org/h40-demo

Hướng dẫn: Hướng dẫn dưới đây nhằm giúp bạn hiểu đoạn code mẫu, tùy theo cấu trúc forum mình mà các bạn thay đổi cho phù hợp.
Ví dụ: [You must be registered and logged in to see this link.]
Trong index_box, tìm vị trí thích hợp (xem ảnh mẫu) và:
+ Bao quanh vị trí tên chuyên mục đánh dấu xanh lá bằng

Code:

    <div class="title" valign="middle">
        <h1>
            Chuyên mục
        </h1>
    </div>

+ Bao quanh phần nội dung muốn ẩn hiện, vị trí đánh dấu khung đỏ bằng

Code:

    <div class="forum">
            forum
    </div>

Lưu ý: 2 thẻ DIV trên phải đặt cạnh nhau (cùng cấp).

Nâng cao: [You must be registered and logged in to see this link.]

HTML mẫu:

Code:


<div class="category">
    <div class="title" valign="middle">
        <h1>
            Chuyên mục 1
        </h1>
    </div>
    <div class="forum">
    </div>
</div>
<br/>
<div class="category">
    <div class="title" valign="middle">
        <h1>
            Chuyên mục 2
        </h1>
    </div>
    <div class="forum">
    </div>
</div>


Script mẫu:

Code:

$(function(){
    $("div.title").prepend('<span class="collapse" style="padding: 13px; float:right"><img src="http://www.pettracker.com/sites/all/themes/tagg/images/icon_collapse.gif" alt="fmClose" /><img class="hide" src="http://www.pettracker.com/sites/all/themes/tagg/images/icon_expand.gif" alt="fmOpen" /></span>'); // Thêm nút đóng mở vào bên phải tiêu đề
    $(".collapse").each(function(index) { // dò tìm các thẻ CLASS collapse
        $(this).attr("id", "fmvicollapse" + location.pathname + index); // Đặt ID cho từng chuyên mục
        if (my_getcookie("fmvicollapse" + location.pathname + index) == "1") { // Lấy cookie, nếu giá trị bằng 1 thì thực hiện lệnh đóng
            $(this).children("img[alt='fmClose']").hide(); // ẩn nút đóng
            $(this).children("img[alt='fmOpen']").show(); // hiện nút mở
            $(this).parent().next().hide(); // ẩn phần nội dung của thẻ CLASS forum
        };
    });
    $(".collapse img[alt='fmClose']").click(function() { // Click vào nút đóng chuyên mục
        my_setcookie($(this).parent().attr("id"), 1, 1, 0); // đặt giá trị 1 cho cookie theo ID chuyên mục
        $(this).hide().next().show(); // ẩn nút đóng và hiện nút mở
        $(this).parent().parent().next().hide(); // ẩn phần nội dung của thẻ CLASS forum
    });
    $(".collapse img[alt='fmOpen']").click(function() { // Click vào nút mở chuyên mục
        my_setcookie($(this).parent().attr("id"), 0, 1, 0); // đặt giá trị 0 cho cookie theo ID chuyên mục
        $(this).hide().prev().show(); // ẩn nút mở và hiện nút đóng
        $(this).parent().parent().next().show(); // hiện phần nội dung của thẻ CLASS forum
    });
});

Viết bởi - [You must be registered and logged in to see this link.]

[quangtrung_it]

có vẻ khó làm nhỉ,để mình thử xem nào,tk's

[MarkChan]

lúc nó thu vào thò ra trông thô thô nhỉ không có thêm được hiệu ứng gì trông cho đẹp mắt à anh
Vote +

[baivong]

Nó là code mà hiện nay [You must be registered and logged in to see this link.] đang xài đấy

[ThằngMậpBệnh]

Bên Forum anh Hand có demo đấy . Hiệu ứng chuẩn, có điều test máy cấu hình Intel i2 hình như chậm hơn .

[Việt]

khi lưu cookie nên phân biệt ở trang chủ và từng box con để tránh vụ ẩn ở box này thì ảnh hưởng đến box khác.

[baivong]

khi lưu cookie nên phân biệt ở trang chủ và từng box con để tránh vụ ẩn ở box này thì ảnh hưởng đến box khác.

Thanks nhé, mình đã update, dùng location.pathname để đánh dấu

[KillAlt1.0]

cái này chèn vào đâu

[handsomevip007]

cái này chèn vào đâu

Không biết chỉnh thì nên dùng cái này [You must be registered and logged in to see this link.]

[notme]

thật tình mà nói lúc đầu cũng ko làm được sau làm nhiều thành quen

[Sponsored content]