Стандартный всплывающий окно - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

Правила раздела

Здесь обсуждаются вопросы по настройке и администрированию форумов IPB 3.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Установка, настройка и обслуживание форумов IPB 2.x.
Оформление форумов, включая верстку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

Теги не найдены

Страница 1 из 1

Стандартный всплывающий окно Нужно добавить функцию "draggable"

#1 Пользователь не на сайте   Qartvela™ ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 168
  • Регистрация: 15-Февраль 11
  • Репутация: 22
  • IPB version:3.1.x
 

Отправлено 04 Июль 2013 - 17:56

<li class="left"><a href='#' id='rimShowPopup'>Live</a></li>
<div id='rimPopup' style='display:none;'>
        <h3 style="cursor:move">Live ...</h3>
<iframe frameborder="0" width="800" height="450" src="..."></iframe>
</div>
<script type='text/javascript'>
//<![CDATA[
showPopup = function(e) {
        Event.stop(e);
        popup = new ipb.Popup( 'rimPopup', { type: 'pane', modal: false, w: '800px', h: '450px', initial: $('rimPopup').innerHTML, hideAtStart: false, close: 'a[rel="close"]' } );
        return false;
}
if( $('rimShowPopup') ) {
        $('rimShowPopup').observe('click', showPopup);
}
//]]>
</script>


Нужно добавить функцию "draggable" без jQuery. как можно реализовать?
0

#2 Пользователь не на сайте   Qartvela™ ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 168
  • Регистрация: 15-Февраль 11
  • Репутация: 22
  • IPB version:3.1.x
 

Отправлено 12 Июль 2013 - 13:15

<li class="left"><a href='#' id='rimShowPopup'>Live</a></li>

<div id='rimPopup' style='display:none;'>
        <h3 style="cursor:move">Live ...</h3>
<iframe frameborder="0" width="800" height="450" src="..."></iframe>
</div>

<script type='text/javascript'>
//<![CDATA[
showPopup = function(e) {
        Event.stop(e);
        popup = new ipb.Popup( 'rimPopup', { type: 'pane', modal: false, w: '800px', h: '450px', initial: $('rimPopup').innerHTML, hideAtStart: false, classname: 'draggable', close: 'a[rel="close"]' } );
        return false;
}
if( $('rimShowPopup') ) {
        $('rimShowPopup').observe('click', showPopup);
}
//]]>
</script>

<script type='text/javascript'>
(function (document) {
    'use strict';
    function startDrag(evt) {
        var diffX = evt.clientX - this.offsetLeft,
            diffY = evt.clientY - this.offsetTop,
            that = this; 
        function moveAlong(evt) {
            that.style.left = (evt.clientX - diffX) + 'px';
            that.style.top = (evt.clientY - diffY) + 'px';
        }
        function stopDrag() {
document.removeEventListener('mousemove', moveAlong);
document.removeEventListener('mouseup', stopDrag);
        }
document.addEventListener('mouseup', stopDrag);
document.addEventListener('mousemove', moveAlong);
    }
    function startDragIfDraggable(evt) {
        if (evt.target.classList.contains('draggable')) {
     startDrag.call(evt.target, evt);
        }
    }
document.body.addEventListener('mousedown', startDragIfDraggable);
}
 (document));
</script>


но остался один проблема, когда перемещаешь эту "DIV id='rimPopup'" над текстом, начинается выделение текста.
0

Сообщить об этой теме:


Страница 1 из 1


Быстрый ответ

  

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2016 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна