Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Подскажите пожалуйста, а можно ли сделать, чтобы окно можно было перемещать мышкой?

Подскажите пожалуйста, а можно ли сделать, чтобы окно можно было перемещать мышкой?

     12.01.2014    Все вопросы » Общие вопросы    2896

вопрос
Подскажите пожалуйста, а можно ли сделать, чтобы окно можно было перемещать мышкой?

Подскажите пожалуйста, а можно ли сделать, чтобы окно можно было перемещать мышкой?


Какой код нужна добавить или изменить чтобы окно можно было перемещать мышкой?

HTML code

    //<![CDATA[
      $.setupJMPopups({
        screenLockerBackground: "#000",
        screenLockerOpacity: "0.7"
      });

      function openStaticPopup() {
        $.openPopupLayer({
          name: "loginPopup",
          width: 299,
          target: "loginform"
        });
      }
    //]]>


styles.css

.window {display: none; width:299px; min-height:200px;}
.window_h {height:37px; background:url('../images/window_bg.png') no-repeat;}
.window_h div {font-size:14px; text-shadow: 0 1px 0 #60ace6; font-weight:bold; color:#181818; float:left; padding:12px 0 0 10px;}
.closebtn a img{margin:8px 8px 0 0;float:right; width:25px; height:25px; background:url('../images/close.png') no-repeat 0 0;}
.closebtn a:hover img { background-position: 0 -25px;}
.window_c {overflow:hidden;padding:8px 9px; background:url('../images/window_bg.png') repeat-y -299px 0;}
.window_c_k {overflow:hidden; font-size: 0.9em; line-height: 1.3em; padding:0 19px 19px 18px;background:url('../images/window_bg.png') repeat-y -299px 0; }
                .window_c_k .lfield, .popsubmit { margin:0 auto; }
                .window_c_k .lfield p {line-height:2px; color: #fff; }
                .window_c_k .lfield div {height:27px; width:266px; background:url('../images/window_input.png') no-repeat center;}
                .window_c_k .lfield input {margin:3px 0 0 5px; background:none; border:none;padding:0 0px;width:255px; height:21px;}
                .popsubmit { font-size: 1.1em; text-align: center; }
                .log_btn button {margin:5px 0 0 0; border:none; cursor:pointer; width:100px; height:28px; background:url('../images/log_btn.png') no-repeat 0 0;}
                .log_btn button:hover { background-position: 0 -28px;}
.windows_c_l {float:left; width:35%; font-size:12px; overflow:hidden;}
.window_ava  {}
.window_ava img {border:2px solid#313030; padding:1px; max-width:92px; max-height:92px;}
.windows_c_r {float:right; width:65%;}
.windows_link {padding:0 0 0 5px; overflow:hidden;}
.windows_link li {overflow:hidden;background:url('../images/window_link.png') repeat-x 0 bottom; height:24px; line-height:22px; padding-left:0px;}
.windows_link li a {overflow:hidden; background:url('../images/windowli.png') no-repeat 0 36%; height:25px; padding-left:15px; display:block; color:#fff;}
.windows_link li a:hover {text-decoration:none; background:url('../images/windowli.png') no-repeat 0 36%; color:#006ac6;}
.windows_link .adm a {overflow:hidden;background:url('../images/windowli_on.png') no-repeat 0 36%; height:25px; padding-left:15px; display:block; color:#fff;}
.windows_link .adm a:hover {overflow:hidden;background:url('../images/windowli_on.png') no-repeat 0 36%; height:25px; padding-left:15px; display:block; color:#cd0d0d;}
.window_b {height:7px;background:url('../images/window_bg.png') no-repeat -598px -30px;}
.exit, .lost {margin:-8px 10px 0 0;font-size:11px; float:right; color:#068de8;}
.exit a, .lost a {font-size:11px; float:right; color:#068de8;}
/*Content*/    
#content {  margin:-33px auto 0 auto;width:995px; min-height:300px;   background:#191919 url('../images/content_bg.png') repeat-y;}
#content_h {height:248px; background:url('../images/content_h_bg.jpg') no-repeat}
#content_h_l {float:left; width:440px;}

#content_h_r {float:right; width:548px;}

Ответил: D0Gmatist

Стандартное модельное окно DIALOG используемое в движке DLE

<script type="text/javascript">
function BtnUrl() { // имя функции BtnUrl
 $(function(){
  $('#PanelWindows').dialog({  // по клику на BtnUrl открываем окно PanelWindows
   draggable: true, // true - false - запрет разрешение перемещения окна
   autoOpen: true,
   show: 'fade', //slide,fade,zoom,blind - эффекты открытия
   hide: 'fade', //slide,fade,zoom,blind - эффекты закрытия
   width: 450,  // ширина окна
   buttons: {"Закрыть": function() {$( this ).dialog( "close" );} // кнопка закрытия окна
      }
  });
 });
}
</script>


Кнопка с функцией BtnUrl
<div onclick="BtnUrl()">кнопка</div>


Модельное окно PanelWindows
<div id="PanelWindows" title="PanelWindows" style="display:none;">
контент
</div>

3 комментария

D0Gmatist
Юзер

D0Gmatist - 12 января 2014 16:05 -

Стандартное модельное окно DIALOG используемое в движке DLE

<script type="text/javascript">
function BtnUrl() { // имя функции BtnUrl
 $(function(){
  $('#PanelWindows').dialog({  // по клику на BtnUrl открываем окно PanelWindows
   draggable: true, // true - false - запрет разрешение перемещения окна
   autoOpen: true,
   show: 'fade', //slide,fade,zoom,blind - эффекты открытия
   hide: 'fade', //slide,fade,zoom,blind - эффекты закрытия
   width: 450,  // ширина окна
   buttons: {"Закрыть": function() {$( this ).dialog( "close" );} // кнопка закрытия окна
      }
  });
 });
}
</script>


Кнопка с функцией BtnUrl
<div onclick="BtnUrl()">кнопка</div>


Модельное окно PanelWindows
<div id="PanelWindows" title="PanelWindows" style="display:none;">
контент
</div>
D0Gmatist
Юзер

D0Gmatist - 12 января 2014 16:12 -

А я закончил писать новый хак last views - последние просмотры как у каждого юзера так и свои
http://kinomax.by/lastviews/D0Gmatist/
http://kinomax.by/lastviews/raul/
http://kinomax.by/lastviews/anfalin/
mypes
Гости

mypes - 13 января 2014 09:59 -

ничего не изменилось зайди на саит http://vip-boss.bl.ee нажми "войти" и откроет окно но окно не могу передвигать мышкой
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 16.03.2013 dmfranklin  Общие вопросы
 17.10.2013 voveolegovich  Общие вопросы, Ламерские вопросы
 15.12.2013 deffos  Общие вопросы, Шаблоны (TPL), Ламерские вопросы
 12.01.2014 mypes  Общие вопросы
 28.04.2014 NeZoX  Общие вопросы
 18.08.2014 nail_kasi  Общие вопросы
 13.09.2014 lodem009  Общие вопросы
 22.10.2014 vek21  Общие вопросы
 21.11.2014 Pathos  Общие вопросы
 06.03.2015 vadims  Общие вопросы
  • derebas | Как реализовать кнопку "Поделиться" как ... 1
    Фото derebas
    derebas
    Как реализовать кнопку "Поделиться" как на Плей Маркете?
    Сегодня, 09:39
    Ну если на скорую руку то примерно так
    <style>
.sociallinks {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.sociallinks-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.close {
    color: #aaa;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.social-container {
    display: flex;
    align-items: center;
}
.social-container > div {
    margin-left: 10px;
}

h2, p {
    margin: 5px 0;
}
.social {
  padding-top: 20px;
}
.social img {
  margin: 10px;
}
.sharebtn {
  padding-top: 20px;
  width: 100%;
}
.sharebtn_area {
  border: 1px solid black;
  height: 40px;
}
.sharebtn input[type="text"] {
  width: 70%;
  border: none;
  height: 95%;
}
.sharebtn button {
  width: 25%;
  height: 95%;
  border: none;
  background-color: #fff;
}
</style>
<button id="opensociallinksBtn">Поделиться</button>

<div id="mysociallinks" class="sociallinks">
  <div class="sociallinks-content">
    <span class="close">×</span>
    <div class="social-container">
        <img src="{image-1}" alt="Icon" width="30" height="30">
        <div>
            <h2>{title}</h2> 
            <p>Поделиться</p> 
        </div>
    </div>
    <div class="social">
        <a href="https://api.whatsapp.com/send/?text={full-link}"><img src="whatsapp.png" alt="WhatsApp" width="30" height="30"></a>
        <a href="https://www.facebook.com/sharer/sharer.php?u={full-link}"><img src="facebook.png" alt="Facebook" width="30" height="30"></a>
        <a href="https://twitter.com/intent/post?url={full-link}"><img src="twitter.png" alt="Twitter" width="30" height="30"></a>
        <a href="https://www.instagram.com/share?url={full-link}"><img src="instagram.png" alt="Instagram" width="30" height="30"></a>
    </div>
    <div class="sharebtn">
      <div class="sharebtn_area">
        <input type="text" id="inputText" value="{full-link}" readonly="true">
        <button id="copyBtn">Поделиться <img src="share.png" width="10px" alt="Share Icon"></button>
      </div>
    </div>
  </div>
</div>

<script>
var sociallinks = document.getElementById("mysociallinks");
var opensociallinksBtn = document.getElementById("opensociallinksBtn");
var closeBtn = document.getElementsByClassName("close")[0];
var copyBtn = document.getElementById("copyBtn");
var inputText = document.getElementById("inputText");

opensociallinksBtn.onclick = function() {
  sociallinks.style.display = "block";
}

closeBtn.onclick = function() {
  sociallinks.style.display = "none";
}

window.onclick = function(event) {
  if (event.target == sociallinks) {
    sociallinks.style.display = "none";
  }
}

copyBtn.onclick = function() {
  inputText.select();
  document.execCommand("copy");
}
</script>
  • doktorpull | GeoIP - показ информации в зависимости о ... 1
    Фото doktorpull
    doktorpull
    GeoIP - показ информации в зависимости от страны посетителя сайта
    Вчера, 21:53
    Отличный модуль, хорошо работает. Рекомендую этого автора, так как заказывал у него несколько собственных разработок. Человек знает свое дело.
  • Gordi | Telegram Sender 12
    Фото Gordi
    Gordi
    Telegram Sender
    16-04-2024, 15:47
    купил. Модуль классный! Автору большая признательность!
  • TeraMoune | Как вывести тайтл и дискрипшен по маске ... 1
    Фото TeraMoune
    TeraMoune
    Как вывести тайтл и дискрипшен по маске в категориях?
    14-04-2024, 00:36
    Ну например вот так: https://lazydev.pro/product/12-dle-seo.html
  • zawibis | Как настроить редирект на внешние сайты? 1
    Фото zawibis
    zawibis
    Как настроить редирект на внешние сайты?
    13-04-2024, 14:53
    Нашёлся ответ.
    Нужно в настройках группы отключить параметр

    Автоматическая замена ссылок [url] в тег [leech]
    При включении данной опции все ссылки, которые пользователь публикует в теге [url], будут автоматически заменены на защищенные ссылки тега [leech]
  • TeraMoune | Как решить проблему с /xfsearch/значение ... 5
    Фото TeraMoune
    TeraMoune
    Как решить проблему с /xfsearch/значение?
    12-04-2024, 11:53
    Это не прикол, просто dle позволяет искать новости как по значению так и с указанием конкретного поля для этого значения. И если у вас стоят метрики на сайте то достаточно любому человеку открыть ссылку и убрать в ней что-то, если сайт при новом url вернёт статус 200 то метрики захотят этот url запомнить.
  • komosa | Как решить проблему с /xfsearch/значение ... 5
    Фото komosa
    komosa
    Как решить проблему с /xfsearch/значение?
    11-04-2024, 22:34
    А вот прикол то в том, что это коснулось только author
  • lutskboy | Как решить проблему с /xfsearch/значение ... 5
    Фото lutskboy
    lutskboy
    Как решить проблему с /xfsearch/значение?
    11-04-2024, 22:31
    может быть не один только author. и другие поля. как знать куда перенаправлять
  • komosa | Как решить проблему с /xfsearch/значение ... 5
    Фото komosa
    komosa
    Как решить проблему с /xfsearch/значение?
    11-04-2024, 22:25
    Проблема заключается не в регистре, а в названии /author/ пропадает, и получается так, что ссылки дублируются. Как сделать редирект с дубля /xfsearch/Имя Фамилия на правильный адрес /xfsearch/author/имя фамилия ?
  • lutskboy | Как решить проблему с /xfsearch/значение ... 5
    Фото lutskboy
    lutskboy
    Как решить проблему с /xfsearch/значение?
    11-04-2024, 22:23
    в новых версиях переводит в один регистр. либо xfsearch translit плагин
наверх