Admin
Admin
Ngày tham gia : 10/10/2011
 Tuổi : 29
Đến từ : cư jút, đắc nông
 |  Tiêu đề: Tạo nội dung ẩn/hiện cho bài viết  Sat 15 Oct 2011, 23:43 | |
| Chỉ với 1 dòng lệnh kết hợp với các thẻ div là bạn có thể tạo 1 button cho phép ẩn hiện nội dung của bạn khi click vào nó. Thủ thuật này ta thường thấy trong các forum ,web , blog...Các bạn xem đoạn code sau đây nhé. - 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> |
|
