»
Tiếng AnhTiếng PhápTiếng Việt

In - Popup bằng frame - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Trình duyệt » Popup bằng frame
URL: https://www.javascriptbank.com/absolute-popup-box.html

Popup bằng frame © JavaScriptBank.comHiệu ứng JavaScript này sẽ mở một popup ngay trong frame khi người dùng nhấn chuột vào liên kết. Do đó bạn không cần lo lắng sẽ bị các chương trình chống popup ngăn cản.

Phiên bản đầy đủ: jsB@nk » Trình duyệt » Popup bằng frame
URL: https://www.javascriptbank.com/absolute-popup-box.html



JavaScript
<script type="text/javascript">// Created by: JTricks.com :: http://www.jtricks.com/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;  if (document.body.currentStyle &&    document.body.currentStyle['marginTop']) {    ctop += parseInt(      document.body.currentStyle['marginTop']);  }  box.style.top = ctop + 'px';}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') {      move_box(an, boxdiv);      boxdiv.style.display='block';    } else      boxdiv.style.display='none';    return false;  }  boxdiv = document.createElement('div');  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.backgroundColor = '#fff';  var contents = document.createElement('iframe');  contents.scrolling = 'no';  contents.frameBorder = '0';  contents.style.width = width + 'px';  contents.style.height = height + 'px';  contents.src = href;  boxdiv.appendChild(contents);  document.body.appendChild(boxdiv);  move_box(an, boxdiv);  return false;}</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<a href="popupcontent.html" onClick="return show_hide_box(this,200,270,'2px dotted')">Click here to open popup</a><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->