Popup и Drag and Drop... Это возможно?

17.02.2008, 16:06. **Показов** 1182. **Ответов** 0

Студворк — интернет-сервис помощи студентам

Использую в приложение объект Popup.
Необходимо его перемещать по экрану как обычную форму.
Он не имеет таких свойств как Left и Top, но перемещать его получается с помощью Show.
Вот пример:

<html>
<head>
<script>
var oPopup = window.createPopup();
var x = 100;
var y = 50;
function richDialog()
{
oPopup.document.body.innerHTML = oDialog.innerHTML;
oPopup.show(x, y, 400, 300);
}
function moveIt(){
oPopup.show(x, y, 400, 300);
x=x+5;
y=y+5;
}
</script>
</head>
<body>
<Button style='cursor:hand; margin-left:5px; margin-right:10px;' onmousedown='richDialog()' > Click Me</button>

<DIV ID='oDialog' STYLE='display:none;'>
<div id='myid' style='position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid buttonshadow; border-top:1px solid buttonface; border-left:1px solid buttonface;'>
<div style='top:0; left:0; width:100%; height:100%; background:buttonface; border:1px solid threeddarkshadow; border-top:1px solid buttonhighlight; border-left:1px solid buttonhighlight; padding:10px; font:normal 10pt tahoma; padding-left:18px '>
<b>Pop Up</b><hr size='1' style='border:1px solid black;'>
<div style='width:220px; font-family:tahoma; font-size:80%; line-height:1.5em'>
<button onclick='parent.moveIt();' tabindex='-1'>Move</button>
</div>

<button tabindex='-1' onclick='parent.oPopup.hide();'>Close</button>
</DIV>
<div style='position: absolute; top:50; left:250px; width:125px; height:200px; border:1px solid buttonshadow; border-bottom:1px solid buttonhighlight; border-right:1px solid buttonhighlight; font:normal 10pt tahoma; filter

rogid

XImageTransform.Microsoft .Gradient(GradientType=0, StartColorStr=gold, EndColorStr=#FFFFFF); padding:10px' >
<b>Content</b><hr size='1' style='border:1px solid black;'>Content....
</div>
</div>
</div>
</DIV>
</body>
</html>

При попытке сделать Drag and Drop возникают проблемы с использованием event.x и event.y ...
Или может просто я такой тупой.
Подскажите чего нибудь, пожалуйста...

Вот еще пример простейшего Drag and Drop:

<html>
<head>
<script language='JavaScript'>

</script>
</head>
<body onLoad='init()'>
<DIV STYLE='position:absolute; background-color: #3366CC; left:45px; top:54px; width:216px; height:122px; z-index:2'>
<font size=+1>Object 0</font>
</div>
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

Maksim

	Popup и Drag and Drop... Это возможно? 17.02.2008, 16:06. Показов 1182. Ответов 0 Метки нет (Все метки) Использую в приложение объект Popup. Необходимо его перемещать по экрану как обычную форму. Он не имеет таких свойств как Left и Top, но перемещать его получается с помощью Show. Вот пример: <html> <head> <script> var oPopup = window.createPopup(); var x = 100; var y = 50; function richDialog() { oPopup.document.body.innerHTML = oDialog.innerHTML; oPopup.show(x, y, 400, 300); } function moveIt(){ oPopup.show(x, y, 400, 300); x=x+5; y=y+5; } </script> </head> <body> <Button style='cursor:hand; margin-left:5px; margin-right:10px;' onmousedown='richDialog()' > Click Me</button> <DIV ID='oDialog' STYLE='display:none;'> <div id='myid' style='position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid buttonshadow; border-top:1px solid buttonface; border-left:1px solid buttonface;'> <div style='top:0; left:0; width:100%; height:100%; background:buttonface; border:1px solid threeddarkshadow; border-top:1px solid buttonhighlight; border-left:1px solid buttonhighlight; padding:10px; font:normal 10pt tahoma; padding-left:18px '> <b>Pop Up</b><hr size='1' style='border:1px solid black;'> <div style='width:220px; font-family:tahoma; font-size:80%; line-height:1.5em'> <button onclick='parent.moveIt();' tabindex='-1'>Move</button> </div> <button tabindex='-1' onclick='parent.oPopup.hide();'>Close</button> </DIV> <div style='position: absolute; top:50; left:250px; width:125px; height:200px; border:1px solid buttonshadow; border-bottom:1px solid buttonhighlight; border-right:1px solid buttonhighlight; font:normal 10pt tahoma; filterrogidXImageTransform.Microsoft .Gradient(GradientType=0, StartColorStr=gold, EndColorStr=#FFFFFF); padding:10px' > <b>Content</b><hr size='1' style='border:1px solid black;'>Content.... </div> </div> </div> </DIV> </body> </html> При попытке сделать Drag and Drop возникают проблемы с использованием event.x и event.y ... Или может просто я такой тупой. Подскажите чего нибудь, пожалуйста... Вот еще пример простейшего Drag and Drop: <html> <head> <script language='JavaScript'> <!-- var dx, dy; var currentObj=null; function startDrag() { currentObj = event.srcElement; dx= event.x - currentObj.style.pixelLeft; dy= event.y - currentObj.style.pixelTop; if(document.layers) document.captureEvents(Event.MOUSEMOVE) } function moveIt() { if (currentObj != null) { currentObj.style.pixelLeft=event.x - dx; currentObj.style.pixelTop= event.y - dy; } } function endDrag() { currentObj= null; if(document.layers) document.releaseEvents(Event.MOUSEMOVE); } function init() { document.onmousedown=startDrag; document.onmouseup=endDrag; document.onmousemove=moveIt; } // --> </script> </head> <body onLoad='init()'> <DIV STYLE='position:absolute; background-color: #3366CC; left:45px; top:54px; width:216px; height:122px; z-index:2'> <font size=+1>Object 0</font> </div> </body> </html>