Trang chủ > Thủ thuật blog > Tạo nút botton ẩn hiển thị nội dung cho bài viết

Tạo nút botton ẩn hiển thị nội dung cho bài viết

Để bài viết của chung ta được gọn hơn,dễ nhìn hơn thì có một cách đơn giản là tạo một botton cho nó.Để tạo được một botton ẩn hiện nội dung bài viết chúng ta thực hiện như sau:

Chúng ta chèn code sau cào cho mỗi bài đăng:

Phần nội dung hiển thị

<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‘; }”>

{phần nội dung bị ẩn }

Các bạn có thể thay đổi các chữ màu đỏ theo ý mình
Như thế là xong chúc bạn thành công

Advertisements
Chuyên mục:Thủ thuật blog
  1. Không có bình luận
  1. No trackbacks yet.

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Đăng xuất / Thay đổi )

Connecting to %s

%d bloggers like this: