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

17.02.2008, 16:06. **Показов** 1186. **Ответов** 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>

Новые блоги и статьи Все статьи Все блоги /
Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

Maksim

	Popup и Drag and Drop... Это возможно? 17.02.2008, 16:06. Показов 1186. Ответов 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>

Опции темы