Gốc > Chia sẻ kinh nghiệm > Web - Blog >
Vũ Ngọc Hải Bằng @ 02:25 18/02/2011
Số lượt xem: 4975
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> |
Vũ Ngọc Hải Bằng @ 02:25 18/02/2011
Số lượt xem: 4975
Số lượt thích:
0 người
- KHỞI TẠO HỘP CHAT CBOX. (13/02/11)
- Thầy Bằng coi giùm Khánh nhé! (21/01/11)
- Link HOT đây ! Mời Thầy Cô vào VỌC ! (10/01/11)
Cám ơn thầy Bằng Vũ đã tạo code CẦU TRUYỀN HÌNH VIOLET.
TÔI XIN CODE NẦY NHÉ!
tặng người bạn tuyệt vời
Ôi thật hạnh phúc ! Cảm ơn Đầu bếp đại ca, Lướt web đại ca và Hài hước đại ca.
Chúc ba Đại ca ngày Valentine tuyệt vời !