Подскажите как создается модальное окно

@Rebys · Регистрация: 14.06.2011

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

Как можно создать модальное окно, которое бы блокировало выполнение приложения до нажатия на ньом клавиш 'Ok' или 'Отмена'?
(Я, конечно, осознаю что такими вопросами не на этот форум...... но уж больно нравится скористь и ясность ответов. )

@bazile · 24.07.2011, 09:54

showModalDialog
Как использовать см. в MSDN или поищи в форуме по JavaScript

@KOCMOHABTOB_11 · 24.07.2011, 18:36

Достаточно длинно, звиняйте, зато работает

Сие творение состоит из двух частей:

1. Модальное окно

<BODY onload='if (opener) opener.blockEvents()' onUnload='if (opener) opener.unblockEvents()'>
function transferData()
{
//if(opener && !opener.closed)
{
opener.dialogWin.returnedValue = 'YourReturnValue';
opener.dialogWin.returnFunc();
window.close();
}
}

2. Родительское окно

OpenDialog(DoSomethingWithRetValue, name);

//================================================================================ =
// start block of managing functions for MODAL DIALOG
//================================================================================ ==
var dateReceiver = '';

/***************************************************************************
* One object tracks the current modal dialog opened from this window.
***************************************************************************/
var dialogWin = new Object();

/***************************************************************************
* Generate a modal dialog.
* Parameters:
* url -- URL of the page/frameset to be loaded into dialog
* width -- pixel width of the dialog window
* height -- pixel height of the dialog window
* returnFunc -- reference to the function (on this page)
* that is to act on the data returned from the dialog
* args -- [optional] any data you need to pass to the dialog
***************************************************************************/
function OpenDialog(returnFunc, nID)
{
dateReceiver = nID;

dialogWin.returnedValue = '';
dialogWin.returnFunc = returnFunc;

var url = 'UrlForYourModalWindowDialog';
dialogWin.win = window.open(url,'','height=xx,width=xx,status=no,toolbar=no,directories=no,menub ar=no,location=no,resizable=no,left='+(window.screen.width/2-xx/2)+',top='+(window.screen.height/2-xx/2));
dialogWin.win.focus();
}

/***************************************************************************
* Grab all Navigator events that might get through to form
* elements while dialog is open. For IE, disable form elements.
***************************************************************************/
function blockEvents()
{
disableForms();
window.onfocus = checkModal;

}

/***************************************************************************
* As dialog closes, restore the main window's original
* event mechanisms.
***************************************************************************/
function unblockEvents()
{
enableForms();
}

/***************************************************************************
* Invoked by onFocus event handler of EVERY frame,
* return focus to dialog window if it's open.
***************************************************************************/
function checkModal()
{
setTimeout('finishChecking()', 50)
}

function finishChecking()
{
if (dialogWin.win && !dialogWin.win.closed)
{
dialogWin.win.focus();
}
}

/***************************************************************************
* Since links in IE4 cannot be disabled, preserve
* IE link onclick event handlers while they're 'disabled.'
* Restore when re-enabling the main window.
**************************************************************************/
var IELinkClicks;

/***************************

@Rebys 0 / 0 / 0 Регистрация: 14.06.2011 Сообщений: 47
		1
	Подскажите как создается модальное окно 22.07.2011, 17:26. Показов 2642. Ответов 2 Метки нет (Все метки) Как можно создать модальное окно, которое бы блокировало выполнение приложения до нажатия на ньом клавиш 'Ok' или 'Отмена'? (Я, конечно, осознаю что такими вопросами не на этот форум...... но уж больно нравится скористь и ясность ответов. ) 0

@bazile 85 / 61 / 69 Регистрация: 15.03.2007 Сообщений: 6,907
	24.07.2011, 09:54	2
	showModalDialog Как использовать см. в MSDN или поищи в форуме по JavaScript 0

@KOCMOHABTOB_11 0 / 0 / 0 Регистрация: 08.05.2011 Сообщений: 50
	24.07.2011, 18:36	3
	Достаточно длинно, звиняйте, зато работает Сие творение состоит из двух частей: 1. Модальное окно <BODY onload='if (opener) opener.blockEvents()' onUnload='if (opener) opener.unblockEvents()'> function transferData() { //if(opener && !opener.closed) { opener.dialogWin.returnedValue = 'YourReturnValue'; opener.dialogWin.returnFunc(); window.close(); } } 2. Родительское окно OpenDialog(DoSomethingWithRetValue, name); //================================================================================ = // start block of managing functions for MODAL DIALOG //================================================================================ == var dateReceiver = ''; /*************************************************************************** * One object tracks the current modal dialog opened from this window. *************************************************************************/ var dialogWin = new Object(); /************************************************************************* * Generate a modal dialog. * Parameters: * url -- URL of the page/frameset to be loaded into dialog * width -- pixel width of the dialog window * height -- pixel height of the dialog window * returnFunc -- reference to the function (on this page) * that is to act on the data returned from the dialog * args -- [optional] any data you need to pass to the dialog *************************************************************************/ function OpenDialog(returnFunc, nID) { dateReceiver = nID; dialogWin.returnedValue = ''; dialogWin.returnFunc = returnFunc; var url = 'UrlForYourModalWindowDialog'; dialogWin.win = window.open(url,'','height=xx,width=xx,status=no,toolbar=no,directories=no,menub ar=no,location=no,resizable=no,left='+(window.screen.width/2-xx/2)+',top='+(window.screen.height/2-xx/2)); dialogWin.win.focus(); } /************************************************************************* * Grab all Navigator events that might get through to form * elements while dialog is open. For IE, disable form elements. *************************************************************************/ function blockEvents() { disableForms(); window.onfocus = checkModal; } /************************************************************************* * As dialog closes, restore the main window's original * event mechanisms. *************************************************************************/ function unblockEvents() { enableForms(); } /************************************************************************* * Invoked by onFocus event handler of EVERY frame, * return focus to dialog window if it's open. *************************************************************************/ function checkModal() { setTimeout('finishChecking()', 50) } function finishChecking() { if (dialogWin.win && !dialogWin.win.closed) { dialogWin.win.focus(); } } /************************************************************************* * Since links in IE4 cannot be disabled, preserve * IE link onclick event handlers while they're 'disabled.' * Restore when re-enabling the main window. ************************************************************************/ var IELinkClicks; /************************* 0

Опции темы