Strict Standards: Resource ID#28 used as offset, casting to integer (28) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#30 used as offset, casting to integer (30) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#31 used as offset, casting to integer (31) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401
ТвойWeb :: Версия для печати :: Динамическое меню
ТвойWeb » WebMaster класс » JavaScript » Динамическое меню

Страниц (1): [1]
 

1. scar - 28 Апреля, 2009 - 11:46:01 - перейти к сообщению
Здравствуйте!
У меня есть кое какие наброски, но все же они работают не так как хочется.
Вот код:
CODE:
<script type="text/javascript">
function moveWindow(){
document.getElementById('window').style.left = event.clientX-15;
document.getElementById('window').style.top = event.clientY-15;
}
</script>
<table id="window" border=0 width=400px height=250px style="border: solid #000000 2px;position:absolute;">
<tr><td height=10% bgcolor="gray" onMouseDown="moveWindow()"></td></tr>
<tr><td height=90% bgcolor="#ffffff"></td></tr>
</table>

Этот скрипт представляет собой окно которое может менять положение при клике мыши на шапку (почти как в Windows Радость ).
Как сделать так, что бы при нажатие клавишей мыши (не отпуская) окно двигалось за курсором (добиться эффекта Виндовских окон)?
2. Furax - 28 Апреля, 2009 - 22:11:49 - перейти к сообщению
Прописать ещё onMouseMove (и на всякий случай onMouseOut), который будет вызывать ту же moveWindow, но при условии, что onMouseDown уже произошло, а onMouseUp - ещё нет.
3. scar - 29 Апреля, 2009 - 00:27:42 - перейти к сообщению
Furax пишет:
Прописать ещё onMouseMove (и на всякий случай onMouseOut), который будет вызывать ту же moveWindow, но при условии, что onMouseDown уже произошло, а onMouseUp - ещё нет.


Как это прописать? Однако
4. Furax - 29 Апреля, 2009 - 06:00:09 - перейти к сообщению
Завести переменную, которая бы взводилась в true по событию onmousedown и сбрасывалась в false по onmouseup. И по onmousemove проверять её: если true - то moveWindow().
5. scar - 29 Апреля, 2009 - 08:41:51 - перейти к сообщению
Furax пишет:
Завести переменную, которая бы взводилась в true по событию onmousedown и сбрасывалась в false по onmouseup. И по onmousemove проверять её: если true - то moveWindow().

Огромное спасибо! Все работает!

Вот код, кому интересно:
CODE:
<script type="text/javascript">
var mouseDown = false;
function moveWindow(){
if(mouseDown === true){
document.getElementById('window').style.left = event.clientX-15;
document.getElementById('window').style.top = event.clientY-15;
}
}
</script>
<table id="window" border=0 width=400px height=250px style="border: solid #000000 2px;position:absolute;">
<tr><td height=10% bgcolor="gray" onMouseDown="mouseDown=true;" onmousemove="moveWindow()" onmouseUp="mouseDown=false;" style="cursor:move;">1</td></tr>
<tr><td height=90% bgcolor="#ffffff"></td></tr>
</table>

Форум на AlfaSpace.NET


Powered by ExBB
ExBB FM 1.0 RC1 by TvoyWeb.ru
InvisionExBB Style converted by Markus®

[Script Execution time: 0.022]     [ Gzipped ]