Как создать универсальное диалоговое окно?

Question

[WTERH]

Создаю функцию myfunc()
Вызываю myfunc(name)
Должна в зависимости от того какой name указан вызывать

dialog().append('<iframe src="'+name+'.html"></iframe>');

Есть такая штука:

function myfunc(Name) {
		Name = "";
	$('.window').dialog({
		show: 'slide',
		draggable: false,
		resizable: false,
		width: '15%',
        	dialogClass: 'win',
		closeOnEscape: true,
		open: function(event, ui) {
			$('.window').append('<iframe src="app/'+ Name +'.html"></iframe>');
		}}).siblings('.ui-dialog-titlebar').remove();
	
	$('.window').dialog({hide: 'slide', close: function(event, ui) {$('.window').empty();}});
}

Правильно ли делаю?

Answer 1

[Кирилл]

Name = "";

замени на

var Name = Name || "";

Comments

[WTERH]

Спасибо)))

[WTERH]

Так, при попытке вызвать myfunc(MyName) ничего не происходит. Как быть?

[Кирилл]

происходит, но не визуально, этой функцией ты только создаёшь диалог (причём сначала с одним набором параметров, потом с другим), его помимо создания требуется ещё и вызвать, так:
$('.window').dialog('open');

[WTERH]

FinderOT: Вызывается по клику на ссылку onclick="myfunc(BlaBla)" Или надо как-то иначе?

[Кирилл]

Костантин Данович: ок, немного уточню мой ответ: вызывая эту функцию ты только *создаёшь* диалог (причём сначала с одним набором параметров, потом с другим), его помимо создания требуется ещё и *открыть*, так:
$('.window').dialog('open');

[WTERH]

FinderOT: Ну вот же:
$('.window').dialog({
open: function(event, ui) {
$('.window').append('');
}})

Нет?

[WTERH]

FinderOT: Или .dialog('open') нужно отдельно повторно указывать?

[Кирилл]

Костантин Данович: вот этим:
$('.window').dialog({
open: function(event, ui) {
$('.window').append('');
}})

указываешь какую функцию выполнить при открытии диалога, в данном случае, при вызове
$('.window').dialog('open');
у тебя дополнительно выполнится
$('.window').append('');

если требуется открывать его сразу при создании, то есть опция autoOpen (api.jqueryui.com/dialog/#option-autoOpen)

[WTERH]

FinderOT: Именно так, выполнить действие по открытии, однако не срабатывает, почему я пока не понял. В любом случае спасибо за помощь, прости что донимаю.

[Кирилл]

попробуй убрать это:
$('.window').dialog({hide: 'slide', close: function(event, ui) {$('.window').empty();}});
и это:
.siblings('.ui-dialog-titlebar').remove()

если не поможет, то возможно проблема более комплексная

вот это кстати:
onclick="myfunc(BlaBla)"
должно выглядеть так:
onclick="myfunc('BlaBla')"
если передаёшь строку, а не переменную

[WTERH]

FinderOT: Передаю строку, которая должна по идее попасть в var Name, а уже Name использую как по кайфу.

[WTERH]

FinderOT: Спасибо а помощь, последний ответ реально помог, при передачи строки в функцию окно появилось и в указываемом фрейме внутри отобразилась нужная страница!