CẦU TRUYỀN HÌNH VIOLET ! (đã chỉnh sửa)

Gốc > Chia sẻ kinh nghiệm > Web - Blog >

Tạo bài viết mới CẦU TRUYỀN HÌNH VIOLET ! (đã chỉnh sửa)

Đây là đoạn code hiện cửa sổ chát CBOX của nhà hàng xóm ngay trong nhà mình (Demo: Xem mục "CHAT VỚI HÀNG XÓM" ngay trên trang này ở khối chức năng). Thầy Cô copy về dán vào khối chức năng tự tạo là OK.

Tuy nhiên, không vì thế mà chúng ta "biếng" qua thăm nhà nhau nha các Thầy Cô. Vì có qua tận nhà mới tỏ tình thân ái và nắm bắt tình hình phát triển trang riêng của thành viên đó tốt hơn.

Chúc quý Thầy Cô vui !

<center><span id="script_source"><script type="text/javascript">
	<!--
	// Moves the box object to be directly beneath an object.
	function move_box(an, box)
	{
	var cleft = 0;
	var ctop = 0;
	var obj = an;

	while (obj.offsetParent)
	{
	cleft += obj.offsetLeft;
	ctop += obj.offsetTop;
	obj = obj.offsetParent;
	}
	box.style.left = cleft + 'px';
	ctop += an.offsetHeight + 8;
	// Handle Internet Explorer body margins,
	// which affect normal document, but not
	// absolute-positioned stuff.
	if (document.body.currentStyle &&
	document.body.currentStyle['marginTop'])
	{
	ctop += parseInt(
	document.body.currentStyle['marginTop']);
	}
	box.style.top = ctop + 'px';
	}
	// Shows a box if it wasn't shown yet or is hidden
	// or hides it if it is currently shown
	function show_hide_box(an, width, height, borderStyle)
	{
	var href = an.href;
	var boxdiv = document.getElementById(href);
	if (boxdiv != null)
	{
	if (boxdiv.style.display=='none')
	{
	// Show existing box, move it
	// if document changed layout
	move_box(an, boxdiv);
	boxdiv.style.display='block';
	bringToFront(boxdiv);
	// Workaround for Konqueror/Safari
	if (!boxdiv.contents.contentWindow)
	boxdiv.contents.src = href;
	}
	else
	// Hide currently shown box.
	boxdiv.style.display='none';
	return false;
	}
	// Create box object through DOM
	boxdiv = document.createElement('div');
	// Assign id equalling to the document it will show
	boxdiv.setAttribute('id', href);
	boxdiv.style.display = 'block';
	boxdiv.style.position = 'absolute';
	boxdiv.style.width = width + 'px';
	boxdiv.style.height = height + 'px';
	boxdiv.style.border = borderStyle;
	boxdiv.style.textAlign = 'right';
	boxdiv.style.padding = '4px';
	boxdiv.style.background = '#FFFFFF';
	document.body.appendChild(boxdiv);
	var offset = 0;
	// Remove the following code if 'Close' hyperlink
	// is not needed.
	var close_href = document.createElement('a');
	close_href.href = 'javascript:void(0);';
	close_href.onclick = function()
	{ show_hide_box(an, width, height, borderStyle); }
	close_href.appendChild(document.createTextNode('Close'));
	boxdiv.appendChild(close_href);
	offset = close_href.offsetHeight;
	// End of 'Close' hyperlink code.
	var contents = document.createElement('iframe');
	//contents.scrolling = 'no';
	contents.overflowX = 'hidden';
	contents.overflowY = 'scroll';
	contents.frameBorder = '0';
	contents.style.width = width + 'px';
	contents.style.height = (height - offset) + 'px';
	boxdiv.contents = contents;
	boxdiv.appendChild(contents);
	move_box(an, boxdiv);
	if (contents.contentWindow)
	contents.contentWindow.document.location.replace(
	href);
	else
	contents.src = href;
	// The script has successfully shown the box,
	// prevent hyperlink navigation.
	return false;
	}
	function getAbsoluteDivs()
	{
	var arr = new Array();
	var all_divs = document.body.getElementsByTagName("DIV");
	var j = 0;
	for (i = 0; i < all_divs.length; i++)
	if (all_divs.item(i).style.position=='absolute')
	{
	arr[j] = all_divs.item(i);
	j++;
	}
	return arr;
	}
	function bringToFront(obj)
	{
	if (!document.getElementsByTagName)
	return;
	var divs = getAbsoluteDivs();
	var max_index = 0;
	var cur_index;
	// Compute the maximal z-index of
	// other absolute-positioned divs
	for (i = 0; i < divs.length; i++)
	{
	var item = divs[i];
	if (item == obj \|\|
	item.style.zIndex == '')
	continue;
	cur_index = parseInt(item.style.zIndex);
	if (max_index < cur_index)
	{
	max_index = cur_index;
	}
	}

	obj.style.zIndex = max_index + 1;
	}
	//-->
	</script></span> <a href=
	"http://violetmembers.webs.com/CHAT/CBOX1_BVAN.htm" onclick=
	"return show_hide_box(this, 650, 500)" rel="nofollow"><font color=
	"blue">Bích Vân</font></a> - <a href=
	"http://violetmembers.webs.com/CHAT/CBOX1_TDUONG.htm" onclick=
	"return show_hide_box(this, 650, 500)" rel="nofollow"><font color=
	"blue">Thanh Dương</font></a><br>
	<a href="http://violetmembers.webs.com/CHAT/CBOX2_THUTRANG.htm"
	onclick="return show_hide_box(this, 650, 500)" rel=
	"nofollow"><font color="blue">Thu Trang</font></a> - <a href=
	"http://violetmembers.webs.com/CHAT/CBOX2_DUCTHIEU.htm" onclick=
	"return show_hide_box(this, 650, 500)" rel="nofollow"><font color=
	"blue">Đức Thiệu</font></a><br>
	<a href="http://violetmembers.webs.com/CHAT/CBOX3_BINHNGUYEN.htm"
	onclick="return show_hide_box(this, 650, 500)" rel=
	"nofollow"><font color="blue">Bình Nguyên</font></a> - <a href=
	"http://violetmembers.webs.com/CHAT/CBOX3_VANHAI.htm" onclick=
	"return show_hide_box(this, 650, 500)" rel="nofollow"><font color=
	"blue">Văn Hải</font></a><br>
	<a href="http://violetmembers.webs.com/CHAT/CBOX4_NHOA.htm"
	onclick="return show_hide_box(this, 650, 500)" rel=
	"nofollow"><font color="blue">Như Hoa</font></a> - <a href=
	"http://violetmembers.webs.com/CHAT/CBOX4_TRUTAM.htm" onclick=
	"return show_hide_box(this, 650, 500)" rel="nofollow"><font color=
	"blue">Trừ Tâm</font></a><br>
	<a href="http://violetmembers.webs.com/CHAT/CBOX5_DHOA.htm"
	onclick="return show_hide_box(this, 650, 500)" rel=
	"nofollow"><font color="blue">Đỗ Hoa</font></a> - <a href=
	"http://violetmembers.webs.com/CHAT/CBOX5_LHA.htm" onclick=
	"return show_hide_box(this, 650, 500)" rel="nofollow"><font color=
	"blue">Hồng Ân</font></a><br>
	<a href="http://violetmembers.webs.com/CHAT/CBOX6_THUHANG.htm"
	onclick="return show_hide_box(this, 650, 500)" rel=
	"nofollow"><font color="blue">Thu Hằng</font></a> - <a href=
	"http://violetmembers.webs.com/CHAT/CBOX6_DOCUONG.htm" onclick=
	"return show_hide_box(this, 650, 500)" rel="nofollow"><font color=
	"blue">Đỗ Cường</font></a><br>
	<a href="http://violetmembers.webs.com/CHAT/CBOX7_TOMAI.htm"
	onclick="return show_hide_box(this, 650, 500)" rel=
	"nofollow"><font color="blue">Tố Mai</font></a> - <a href=
	"http://violetmembers.webs.com/CHAT/CBOX7_BANGVU.htm" onclick=
	"return show_hide_box(this, 650, 500)" rel="nofollow"><font color=
	"blue">Bằng Vũ</font></a><br>
	<a href="http://violetmembers.webs.com/CHAT/CBOX8_THIENTRUC.htm"
	onclick="return show_hide_box(this, 650, 500)" rel=
	"nofollow"><font color="blue">Thiện Trúc</font></a> - <a href=
	"http://violetmembers.webs.com/CHAT/CBOX8_ANHKIET.htm" onclick=
	"return show_hide_box(this, 650, 500)" rel="nofollow"><font color=
	"blue">Anh Kiệt</font></a><br>
	<a href="http://violetmembers.webs.com/CHAT/CBOX9_THUDIEM.htm"
	onclick="return show_hide_box(this, 650, 500)" rel=
	"nofollow"><font color="blue">Thu Diễm</font></a> - <a href=
	"http://violetmembers.webs.com/CHAT/CBOX9_NGUYENMEN.htm" onclick=
	"return show_hide_box(this, 650, 500)" rel="nofollow"><font color=
	"blue">Nguyễn Mến</font></a><br></center>