Это всплывающее окно не является фактическим окном, и поэтому нет необходимости
беспокоиться о всплывающих блокаторах. ------------------------------------------------ Пример использования скрипта:
------------------------------------------------ Код скрипта:
<!-- Вставьте этот код на внешний JavaScript файл с именем: popupBox.js -->
/* Этот сценарий, и многие другие, доступны бесплатно на сайте: http://rabotnichek.my1 */
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; }
<!-- Paste this code into the HEAD section of your HTML document. You may need to change the path of the file. -->
<script type="text/javascript" src="popupBox.js"></script>
<!-- Вставьте этот код в BODY разделе Вашего HTML документа -->
<!-- Добавить
onClick обработчик к гиперссылкам вы хотите увидеть в коробках.
Обработчик следует назвать show_hide_box функция с четырьмя
параметрами. Первое всегда должно быть 'настоящей'. Во-вторых, ширина
окна в пикселях, в-третьих, высота в пикселах, а последний из них
границы стиля.(google translate) --> Be sure and read <a href="aboutJSS.html" onClick="return show_hide_box(this,200,270,'2px dotted')">this one</a>. <p><div align="center"> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://rabotnichek.my1.ru">The JavaScript Source</a></font> </div><p>
|