NOTE Đóng lại

Code dùng để xem web khác ngay trên web của bạn

Code này giúp bạn xem các web khác ngay trên web của mình
Demo tại đây

Code
<table style="border:0px solid yellow;">
<tr><td style="width:940px"><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.offsetcenter;
        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 = 'center';
    boxdiv.style.padding = '4px';
    boxdiv.style.background = '#000';
    document.body.appendChild(boxdiv);

    var offset = 0;

    // Remove the following code if 'Đóng trang này lại' 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('Đóng trang này lại'));
    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></td></tr></table>

<a href="http://www.nchmf.gov.vn/" onclick="return show_hide_box(this, 900, 910, '0px solid #999999')" rel="nofollow">Bão Lụt</a>|
<a href="http://baomang.blogspot.com" onclick="return show_hide_box(this, 800, 910, '0px solid #2266AA')" rel="nofollow">Đọc báo</a>|
<a href="http://tuoitre.vn" onclick="return show_hide_box(this, 900, 910, '0px solid #2266AA')" rel="nofollow">Tuổi trẻ</a>|
<a href="http://thanhnien.com.vn" onclick="return show_hide_box(this, 900, 910, '0px solid #2266AA')" rel="nofollow">Thanh niên</a>|
<a href="http://www.vietnamwebsite.net/tinh-thanhpho" onclick="return show_hide_box(this, 900, 910, '0px solid #2266AA')" rel="nofollow">63 Tỉnh</a>|
<a href="http://thuvienphapluat.com/" onclick="return show_hide_box(this, 900, 910, '0px solid #2266AA')" rel="nofollow">Thư viện pháp luật</a>|
<a href="http://www.chinhphu.vn/portal/page?_pageid=578,1&amp;_dad=portal&amp;_schema=PORTAL" onclick="return show_hide_box(this, 900, 910, '0px solid #2266AA')" rel="nofollow">VB Chính phủ</a>|
<a href="http://www.trangnhat.net" onclick="return show_hide_box(this, 900, 910, '0px solid #2266AA')" rel="nofollow">Trang nhất</a>|
<a href="http://www.youtube.com" onclick="return show_hide_box(this, 900, 910, '0px solid #2266AA')" rel="nofollow">Youtube</a>|
<a href="http://www.mp3.zing.vn" onclick="return show_hide_box(this, 900, 910, '0px solid #2266AA')" rel="nofollow">Nhạc Zing</a>

2 nhận xét:

  1. nhưng muốn xem website đó ở cửa sổ khác khi click vào thì phải sửa như nào?
    Yh:lta_bk94

    Trả lờiXóa
  2. Cái này chèn ifames vô có phải vừa dễ dàng vữa nhẹ cho web không .
    YM : hooboat

    Trả lờiXóa

 
Lên đầu trang