post img { max-width:538px; // chiều rộng tối đa max-height:468px; //chiều cao tối đa padding:4px; border:1px solid $bordercolor; }

9.09.2014

Tạo button ẩn/hiện nội dung cho blog


Chỉ cần đoạn code rất đơn giản này bạn đã tạo chức năng ẩn hiện nội dụng:

CODE
Phần nội dung hiển thị<div><div><input type="button" value="Xem" style="width:75px;font-size:10px;margin:0px;padding:0px;" onclick="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 = 'Ẩn'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Xem'; }"></div><div><div style="display: none;">{Phần nội dung bị ẩn}</div></div></div>

Không có nhận xét nào :

Đăng nhận xét