Как вызвать модальное окно fancybox через функцию?

Question

[Aison]

Приветствую всех-всех-всех в этом замке. Ребят, есть такая конструкция

edit: function(id, news_id, type){
	$.post(dle_root + 'engine/ajax/controller.php?mod=user_upload', {id:id, news_id:news_id, action:'edit', url:type}, function(response){
		if( response == 'not' ) alert('Файла нету');
		else if(response == 'not_owner') alert('Файл вам не принадлежит');
		else{	
	    
		$("body").append("<div id='trueModalEditFile' style='display:none'>"+response+" <button data-fancybox-close class='btn'>Close me</button></div>");
		
		}
	});
  },

<a data-fancybox="" data-src="#trueModalEditFile" data-modal="true" href="#" onclick="uFiles.edit('0', '0', '0'); return false;" class="btn" title="Редактировать">линк</a>

и есть fancybox, доки

как мне вызвать модальное окно fancybox с содержимым +response+? при нажатии, я просто создаю то, что тут

$("body").append

знаю, что решение простое, но я пока совсем не силён в js. пасиб^^

Comments

[drawnofmymind]

хм,ну по идее все правильно написано,мб обернуть так?

$( document ).ready(function() {
   edit: function(id, news_id, type){
  $.post(dle_root + 'engine/ajax/controller.php?mod=user_upload', {id:id, news_id:news_id, action:'edit', url:type}, function(response){
    if( response == 'not' ) alert('Файла нету');
    else if(response == 'not_owner') alert('Файл вам не принадлежит');
    else{	
      
    $("body").append("<div id='trueModalEditFile' style='display:none'>"+response+" <button data-fancybox-close class='btn'>Close me</button></div>");
    
    }
  });
  },
});

[Aison]

drawnofmymind, окно выводит, но fancybox пишет об ошибке.

Ошибка загрузки, попробуйте позже.

[drawnofmymind]

Aison, значит что-то со скриптом,сложно сказать

[Aison]

drawnofmymind, в таком виде робит.

spoiler

edit: function(id, news_id, type){
	$.post(dle_root + 'engine/ajax/controller.php?mod=user_upload', {id:id, news_id:news_id, action:'edit', url:type}, function(response){
		if( response == 'not' ) DLEalert('Файла нету', dle_info);
		else if(response == 'not_owner' ) DLEalert('Файл вам не принадлежит', dle_info);
		else{	
			$("#edit-file-alert").remove();

			$('body').append("<div id='edit-file-alert' title='Редактировать' style='display:none'>"+response+"</div>");

			var wh = $(window).height() * 0.6;
			var ww = $(window).width() * 0.6;

			if(ww > 1024) { ww=1024; }

			$('#edit-file-alert').dialog({
				modal: true,
				autoOpen: true,
				width: ww,
				height: wh,
				resizable: false,
				dialogClass: "modalfixed",
				close: function(event, ui) {
						$('#modal-overlay').fadeOut('slow', function() {
						$('#edit-file-alert').remove();
					});
				}
			});

			if ($(window).width() > 830 && $(window).height() > 530 ) {
				$('.modalfixed.ui-dialog').css({position:"fixed"});
				$( '#edit-file-alert').dialog( "option", "position", { my: "center", at: "center", of: window } );
			}

			$('.modalfixed.ui-dialog').css({position:"fixed"});
			$('#edit-file-alert').dialog( "option", "position", { my: "center", at: "center", of: window } );
		}
	});
},

но я хочу переделать на модальные окна, которые fancybox предлагает

Answer 1

[Froggyweb]

Это

$('body').append("<div id='edit-file-alert' title='Редактировать' style='display:none'>"+response+"</div>");

меняешь на это
$.fancybox.open(response)
Можно в параметрах менять разметку
или просто к той строчке добавить
$.fancybox.open("#edit-file-alert")
должно тоже работать. В документации это есть в методах

Comments

[Aison]

Спасибо!! Работает

[Froggyweb]

RTFM :)