[РАБОТНИЧЕК ]

Absolute Popup Box
[ · Скачать удаленно () ]29.05.2009, 22:07
Это всплывающее окно не является фактическим окном, и поэтому нет необходимости беспокоиться о всплывающих блокаторах.
------------------------------------------------
Пример использования скрипта:

------------------------------------------------
Код скрипта:

<!--
Вставьте этот код на внешний 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>






Категория: Навигация | Добавил: Администратор
Просмотров: 404 | Загрузок: 238 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]