Xem tin tuc mới

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

Thứ Ba, 20 tháng 7, 2010
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:

Lê Tuấn Anh nói...

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

bi nói...

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

Đăng nhận xét

Lên đầu trang