вопрос
Подскажите пожалуйста, а можно ли сделать, чтобы окно можно было перемещать мышкой?
Какой код нужна добавить или изменить чтобы окно можно было перемещать мышкой?
HTML code
styles.css
Какой код нужна добавить или изменить чтобы окно можно было перемещать мышкой?
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;}Стандартное модельное окно DIALOG используемое в движке DLE
Кнопка с функцией BtnUrl
Модельное окно PanelWindows
<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>
