Tạo khu trao đổi, thảo luận (nhiều lựa chọn) - Thủ thuật blog Violet

Đăng nhập / Đăng ký

Đăng nhập

Menu chính

Bài viết mới nhất

Máy tính mình có hiện tượng không cho xóa file,...

" Nhận thông báo email qua tin nhắn SMS miễn phí "...

" Dạy học theo chủ đề "...

Chào thấy, thầy cho tôi hỏi thầy có code nào...

" Kinh nghiệm dạy học "...

Đưa nhạc vào blog theo phong cách của bạn...

" HƯỚNG DẪN XÂY DỰNG BẢNG HỎI - PHIẾU KHẢO SÁT...

Hướng dẫn cài đặt Adobe Presenter 9.0 full...

" Giám sát thời gian hoạt động website qua SMS "...

Bài toán 3/ Cho p là số nguyên tố lớn...

Bài toán 2/ Tìm số tự nhiên có hai chữ...

Bài toán: 1/ Tìm số tự nhiên abc có ba...

" Hướng dẫn download tài liệu từ Docstoc.com miễn phí "...

TVM XIN CHÀO!...

Hỗ trợ trực tuyến

(Bùi Trọng Bằng)

Thống kê

2799982 truy cập (chi tiết)
385 trong hôm nay

6271627 lượt xem
608 trong hôm nay

1367 thành viên

Thành viên trực tuyến

2 khách và 0 thành viên

DANH NGÔN MỖI NGÀY

Gốc > Code cho Blog và Web >

Tạo bài viết mới Tạo khu trao đổi, thảo luận (nhiều lựa chọn)

Bạn có nhìn thấy 3 thẻ THẢO LUẬN CHUNG - TRAO ĐỔI RIÊNG và KHO DỮ LIỆU ở hình minh hoạ trên đây không? Khi nhấp chuột vào mỗi thẻ ấy, một hộp thoại sẽ hiện ra phù hợp với tên của thẻ mà bạn đã nhấp chuột. Bạn hãy sử dụng thử chức năng này qua trang demo Sang cho bên dưới

Demo: http://dpsang.zxq.net/tienich/chatnhieuluachon.html

Và bây là là code Sang chia sẻ đến các bạn:

Code: Chọn tất cả

<div style="font: 12px Verdana,Geneva,Lucida,'Lucida Grande'; margin-bottom: 3px;"><input value="Tên của thẻ 1" style="width: 174px; font-size: 12px; margin: 0px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display != '') { if (this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display != '') { if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Đóng'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tên của thẻ 1'; } } else { if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Đóng'; } else { this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tên của thẻ 1'; } } } else { { if (this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display != '') { if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Đóng'; } else { this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tên của thẻ 1'; } } else { if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Đóng'; } else { this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tên của thẻ 1'; } } } }" type="button"><input value="Tên của thẻ 2" style="width: 174px; font-size: 12px; margin: 0px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { if (this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display != '') { if (this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Đóng'; } else { this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tên của thẻ 2'; } } else { if (this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Đóng'; } else { this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tên của thẻ 2'; } } } else { { if (this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display != '') { if (this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Đóng'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tên của thẻ 2'; } } else { if (this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Đóng'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tên của thẻ 2'; } } } }" type="button"><input value="Tên của thẻ 3" style="width: 174px; font-size: 12px; margin: 0px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { if (this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display != '') { if (this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Đóng'; } else { this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tên của thẻ 3'; } } else { if (this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Đóng'; } else { this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tên của thẻ 3'; } } } else { { if (this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display != '') { if (this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Đóng'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tên của thẻ 3'; } } else { if (this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Đóng'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[8].getElementsByTagName('div')[0].style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')[15].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tên của thẻ 3'; } } } }" type="button"></div><div style="min-height: 0px; background-color: margin: 0px; padding: 0px; border: 0px inset;"><div style="display: none;"><div style="border: 0px solid width: 618px;"><div><div id="canadaprovinces1" class="glidecontentwrapper1"><div class="glidecontent1"><iframe frameborder="0" src="LINK CỦA HỘP THOẠI 1" height="426" width="530"></iframe></div></div></div></div></div></div><div style="font: 12px Verdana,Geneva,Lucida,'Lucida Grande'; margin-bottom: 3px;"></div><div style="min-height: 0px; background-color: margin: 0px; padding: 0px; border: 0px inset;"><div style="display: none;"><div style="border: 0px solid width: 618px;"><div><div id="canadaprovinces1" class="glidecontentwrapper1"><div class="glidecontent1"><iframe frameborder="0" src="LINK CỦA HỘP THOẠI 2" height="426" width="530"></iframe></div></div></div></div></div></div><div style="font: 12px Verdana,Geneva,Lucida,'Lucida Grande'; margin-bottom: 3px;"></div><div style="min-height: 0px; background-color: margin: 0px; padding: 0px; border: 0px inset;"><div style="display: none;"><div style="border: 0px solid width: 618px;"><div><div id="canadaprovinces1" class="glidecontentwrapper1"><div class="glidecontent1"><iframe frameborder="0" src="LINK CỦA HỘP THOẠI 3" height="426" width="530"></iframe></div></div></div></div></div></div>

Hướng dẫn
Trong đoạn code trên bạn cần chỉnh sửa các vị trí sau đây:

Tên của thẻ 1 (5 vị trí) - ứng với nó là LINK CỦA HỘP THOẠI 1 (1 vị trí)
Tên của thẻ 2 (5 vị trí) - ứng với nó là LINK CỦA HỘP THOẠI 2 (1 vị trí)
Tên của thẻ 3 (5 vị trí) - ứng với nó là LINK CỦA HỘP THOẠI 3 (1 vị trí)

Ví dụ:
Để có được chức năng chat nhiều lựa chọn như trên trang demo, dpsang đã thay thế cho các vị trí đã nêu như sau:

Tên của thẻ 1, dpsang thay bằng THẢO LUẬN CHUNG
LINK CỦA HỘP THOẠI 1, dpsang thay bằng http://www4.shoutmix.com/?dpsang
Tên của thẻ 2, dpsang thay bằng THẢO LUẬN CHUNG
LINK CỦA HỘP THOẠI 2, dpsang thay bằng http://dpsang.zxq.net/tienich/chat/chatyahoo.html
Tên của thẻ 3, dpsang thay bằng KHO DỮ LIỆU
LINK CỦA HỘP THOẠI 3, dpsang thay bằng http://dpsang.zxq.net/tienich/box.net.html

Bây giờ bạn hãy thử tạo cho mình khu chat nhiều lựa chọn như Sang hoặc vận dụng cách làm này một cách sáng tạo hơn cho nhu cầu của bạn

Chúc bạn thành công!

http://violet.vn/dpsang

Nhắn tin cho tác giả

Dương Phước Sang @ 15:21 13/03/2011
Số lượt xem: 2308

Số lượt thích: 0 người

Tạo khu trao đổi, thảo luận (nhiều lựa chọn)

Dương Phước Sang @ 02h:33p 14/03/11

Rất hay

Cao Bằng @ 22h:44p 14/03/11

Code giới thiệu về blog của bạn (07/03/11)
Code chúc mừng 8-3 hay (02/03/11)
Công cụ tìm kiếm (nhiều lựa chọn) cho trang riêng (27/02/11)
Code quảng cáo trượt 2 bên cho blog Violet (06/01/11)
Code chatbox pro đưa vào blog Violet (02/01/11)