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

вопрос

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

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 комментария

Юзер

795

D0Gmatist - 2015-03-0612 января 2014 16:05 - #21414

D0Gmatist - 2015-03-0612 января 2014 16:12 - #21415

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