[Chia sẻ] Tạo hộp thoại với nội dung ngẫu nhiên sau mỗi lần load trang

[IceFox]

Chức năng:
- Hiển thị được nhiều thông báo.
- Các thông báo sẽ hiển thị random (ngẫu nhiên) sau mỗi lần load trang.
- Có button cho phép đóng phần thông báo lại.

- Cho vào cuối Overall_header nhé: (hoặc index_body nếu chỉ muốn hiện ở trang chủ)

Code:

<style type="text/css">
#thbao {
padding:6px 0;
border-bottom:1px solid #e6dac3;
}

#thbao-margin {margin: 0 auto;}
.thbao-container {
width:98%;
border: 1px solid #f2b768;
padding: 4px;
font-size:90%;
}
.thbao-header {
background: #ff6734;
color: white;
border:1px solid #ffa789;
padding: 5px 10px;
white-space: nowrap;
}
.thbao-body {
background: #fae9c8;
padding: 5px 10px;
width: 99%;
}
.thbao-close {
float: right;
margin-right: -5px;
}
</style>

<script language="JavaScript">
function hideitem() {
document.getElementById("thbao").style.display="none";
}
//<![CDATA[
thbao = new Array(3);
thbao[0]='{Nội dung đoạn thông báo thứ 1}';
thbao[1]='{Nội dung đoạn thông báo thứ 2}';
thbao[2]='{Nội dung đoạn thông báo thứ 3}';
thbao[3]='{Nội dung đoạn thông báo thứ 4}';

tbindex = Math.floor(Math.random() * thbao.length);
//]]>
</script>

<div id="thbao">
<div id="thbao-margin" class="thbao-container">
<table cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="thbao-header"><b>Note</b></td>
<td class="thbao-body">
<a href="#" class="thbao-close" onclick="hideitem()"><img src="http://www.blogger.com/img/close.png" alt="Đóng lại" /></a>
<span class="thbao-text">

<script type="text/javascript">
document.write(thbao[tbindex]);
</script>

</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>

Nếu muốn thêm một hay nhiều thông báo bạn chỉ việc thêm

Code:

thbao[4]='{Nội dung đoạn thông báo thứ 5}';

phía dưới

Code:

thbao[3]='{Nội dung đoạn thông báo thứ 4}';

Demo: http://blogger.chinhphuc.info/

Nguồn code từ blogspot

[Mr.Win™]

CÁi này hay nha ! Ứng dụng được nhiều cái ! Thanks chú 1 phát

[nttmai]

Vote + :D Rất hữu ích

[cunnho]

tks khá hay

[SiêuNhânGao]

Ngon đây . Hàng này ứng dụng dc rất nhiều, đang kiếm mấy cái khung kiểu này . Thanks bác Lôi.

[phutu01]

Thêm cái Cookie đi khi cick icon del đi

[IceFox]

Thêm cái Cookie đi khi cick icon del đi

Muốn thêm cookie thì làm theo bài này nhé

Code:

http://www.fmvi.org/t289-huong-dan-su-dung-js-cookie-mac-inh-cua-forumotion

[hunghsmn]

Rất đơn giản nhưng rất tuyệt vời

Nhắn riêng phutu01: Cũng được đấy, nhưng bạn lập một topic khác ở đây đi.

[handsomevip007]

- Các thông báo sẽ hiển thị random (ngẫu nhiên) sau mỗi lần load trang

Nếu có cookie thì cái này đâu còn tác dụng nhể

[phutu01]

Thêm cái Cookie đi khi cick icon del đi

Muốn thêm cookie thì làm theo bài này nhé

Code:

http://www.fmvi.org/t289-huong-dan-su-dung-js-cookie-mac-inh-cua-forumotion

dùng đối với Homepage message $ toàn bị & # 3 6; (dính liền nhau)

[Zero]

Thêm cái Cookie đi khi cick icon del đi

Muốn thêm cookie thì làm theo bài này nhé

Code:

http://www.fmvi.org/t289-huong-dan-su-dung-js-cookie-mac-inh-cua-forumotion

dùng đối với Homepage message $ toàn bị & # 3 6; (dính liền nhau)

Thêm vào bằng src thay vì post script vào là hết lỗi, widget cũng bị lỗi đó

[kinô]

có cho invision k ạ?

[handsomevip007]

có cho invision k ạ?

Đối với Invision, vào ACp>>Display>>Homepage>>Generalities>>Homepage message>>Message content và cho code vào đó
 

[Sponsored content]