1. Trang chủ
  2. » Giáo án - Bài giảng

code cbox ẩn hiện trên khối chức năng

3 198 1

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 3
Dung lượng 37 KB

Các công cụ chuyển đổi và chỉnh sửa cho tài liệu này

Nội dung

Đây là cái cbox ẩn hiện trên khối chức năng thầy nhé !.

Trang 1

Đây là cái cbox ẩn hiện trên khối chức năng thầy nhé ! <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';

Trang 2

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')

Trang 3

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://users9.jabry.com/bangvuz/CTH_480/CTH_480_MINHKHUE.htm"

onclick="return show_hide_box(this, 550, 570, '1px solid #999999')"

rel="nofollow"><font color="blue" onmouseover="this.innerHTML = 'VỪNG ƠI, MỞ RA !'; this.style.color =

'red';" onmouseout="this.innerHTML = 'CÁNH CỬA THẦN BÍ.'; this.style.color = 'blue';">CÁNH CỬA THẦN BÍ.</font></a>

Ngày đăng: 25/06/2015, 17:00

TỪ KHÓA LIÊN QUAN

w