orbit-basic/app/assets/javascripts/lib/modal-preview.js

//Preview need a link in form as Ex and a corresponding PUT action in controller
//Ex preview trigger:
// <%= link_to "NewPreview", realtime_preview_admin_ad_banner_path(ad_banner_tab) , :class=>'preview_trigger'%>

$(function() {
	// $(".post_preview").click(function(e){
	// 	$("#main-wrap").after("<span id='show_preview'></span>");
	// 	e.preventDefault();
	// 	var form = $(this).parents("form").first()
 //        	//var cont = form["content"].value;
 //   //      	$.ajax({
 //   //      		type: 'POST',
 //   //      		url: $(this).attr("href")+'?preview=true',
 //   //      		data: form.serialize(),
 //   //      		dataType: "script",
 //   //      		success: function (msg) {
	// 		// 		$("#"+start_modal_with_id).modal('show'); },
	// 		// error: function(){
	// 		// 	alert("ERROR");
	// 		// 	}
 //   //      	});
	// 		url = "/panel/news/back_end/news_bulletins/preview?preview=true"
	// 		// alert(url)
	// 		form.attr("action",url);
 //        	form.submit();
	// 	//return false;
	// });
// /panel/announcement/back_end/bulletins/preview 
	$('#main-wrap').on(clickEvent, '.post_preview, .preview_trigger', function(e) {
		$("#main-wrap").after("<span id='show_preview'></span>");
		if($(this).hasClass('post_preview')) {
			var attrs = e.target.attributes;
			var url = attrs['url'];
			$("form.previewable").ajaxSubmit({
				beforeSubmit: function(a,f,o){
					o.dataType = 'script';
					o.url = url.nodeValue;
					o.type =  'post';
				},success: function(msg) {
					$('#show_preview .modal').modal()
					$('#show_preview .modal').height(function() {
						return $(window).height() * 0.7;
					});
				}

			});
		} else if($(this).hasClass('preview_trigger')) {
			$.ajax({
				type: 'PUT',
				url: $(this).attr("href"),
				data: $(this).parents("form").serialize(),
				success: function (msg) {
					$('#show_preview .modal').modal();
					$('#show_preview .modal').height(function() {
						return $(window).height() * 0.7;
					});
				},
				error: function(){
					alert("ERROR");
				}
			});
			return false;
		}
	});
	// $("a.preview_trigger").on('click',function(){
	// 	$("#main-wrap").after("<span id='show_preview'></span>");
	// 	$.ajax({
	// 		type: 'PUT',
	// 		url:$(this).attr("href"),
	// 		data:$(this).parents("form").serialize(),
	// 		success: function (msg) {
	// 				$("#"+start_modal_with_id).modal('show'); },
	// 		error: function(){
	// 			alert("ERROR");
	// 			}
	// 	});  
	// 	return false;
	// });
	// $("form.nccu_ajax_form").ajaxForm({
 //        beforeSubmit: function(a,f,o) {
 //        	// if(clicked_what.hasClass("post_preview")){
 //         //          $("#main-wrap").after("<span id='show_preview'></span>");
 //         //          o.dataType = 'script';
 //         //          o.url = clicked_what.attr("url");
 //         //    }
 //        },
 //        success: function(data) {
 //             // if(!clicked_what.hasClass("post_preview")){
 //             //    window.location = data.redirect_url;
 //             // }
 //          }
 //    })
});