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&_dad=portal&_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>
Code dùng để xem web khác ngay trên web của bạn
Thứ Ba, 20 tháng 7, 2010Por: Nông thôn mới Châu Đức | En: Thủ thuật Blogger |
2 nhận xét:
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
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