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: 4976
123
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: 4976
Số lượt thích:
0 người
Giao diện đại ca không hướng dẫn kĩ nên ai cũng copy đoạn cuối của code này không hà...! Vì vậy, hễ mở cầu truyền hình là trang web bị thay thế ... Hi hi ...
Ác ! Em để "nguyên con" thế mà. Chắc tại mấy Thầy Cô muốn rút gọn code nên mới ra cớ sự. 
Hì...vậy phải bái 2 sư phụ thôi !
"CẦU TRUYỀN HÌNH" ĐÃ SỬA XONG ! MỜI THẦY CÔ VÀO CẬP NHẬT !
Cám ơn thầy Bằng Vũ.
Thầy Bằng đang ngủ bù...!
Hihi chiều nay em vô lớp theo kiểu "từng bước thầm"
Em cảm ơn thầy ạ ! Em chúc thầy ngày mới thật vui nhé !
Thầy BV lúc nào cũng có ý tưởng mới! Cho em xin cái này nhé! Chúc quý thầy ngày cuối tuần tràn đầy ý nghĩa!
Ngày nghỉ cuối tuần vui vẻ nhé BV 
123- 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)
Ý KIẾN CỦA VỌC SĨ