jquery-dialog

JQuery, JSF and a4j:commandLink

强颜欢笑 提交于 2019-12-08 01:01:56
问题 I have a problem with using jQuery Dialog and Ajax submit in JSF. I have the following code for displaying Dialog windows: <script type="text/javascript"> jQuery(function(){ // Dialog jQuery('#dialog').dialog({ dialogClass: 'alert', autoOpen: false, width: 300, height: 150, modal: true, resizable: false, overlay: { backgroundColor: '#000', opacity: 0.5 }, buttons: { "Ok": function() { jQuery(this).dialog("close"); return true; }, "Cancel": function() { jQuery(this).dialog("close"); return

TinyMCE and JQuery dialog: TinyMCE read only when modal:true in the Dialog

自古美人都是妖i 提交于 2019-12-07 14:04:28
问题 I am using the TinyMCD plugin in the Dialog plugin. Everything works fine, until I set the dialog's modal parameter to true. When I am doing that, the TinyMCE textarea works fine only the first time the dialog is opened and then becomes read only. Here is the example of my code: tinyMCE.init({ mode: 'none' }); var dlgComments = $('#dlgInternalComments'); if (dlgComments.length == 0) { dlgComments = $('<div/>').attr('id', 'dlgInternalComments'), txtAreaComments = $('<textarea/>').attr('id',

How do I reload the page after an AJAX call is done with a dialog?

廉价感情. 提交于 2019-12-05 00:02:59
问题 so I have a dialog UI with a form once a user click on a link it opens. Once they click "Add button" it create a AJAX call that submits the data into the database. What I need to add is reload() function to refresh the page. How can I add the reload function? I have tried to add windows.localtion.reload(); you can see it my code. That line does not work for some reason //Update contact dialog box $( "#contact-edit" ).dialog({ resizable: false, width: 500, modal: true, autoOpen: false, buttons

Javascript Overlay/Dialog Tracking with Google Analytics

寵の児 提交于 2019-12-04 14:10:32
问题 Using javascript (jQuery to be precise in my case) I need to enable a dialog box to be tracked in Google Analytics as a unique page view, despite it being only a modal overlay. For context purposes I dont want the user leaving the page and the dialog content is loaded in via an ajax call. 回答1: Assuming you're using Google Analytics new async code, all you need to do is place this code in the JavaScript block where you render your modal dialog. _gaq.push(['_trackPageview', '/fake/modal/path

JQuery UI Dialog inside of an iframe

妖精的绣舞 提交于 2019-12-04 03:44:09
问题 I'm developing a sp2013 app, which means it's using iframes. Specifically, it's a very large iframe which takes up most of the screen. At many points, I'm opening up jquery ui dialog windows. They are set to appear in the middle of the viewport, which is great, except it's showing up in the middle of the iframe, rather than the middle of the visible screen. Is there a way I can tell jquery ui to look at window.top's scroll properties, instead of the iframes? Edit: The iframe and the parent

Hide Title bar and Show Close Button in jQuery Dialog

心不动则不痛 提交于 2019-12-04 01:50:57
问题 I have hide title bar in jQuery Dialog as below $(".ui-dialog-titlebar").hide(); This also hide close button in Dialog . But i need to show close button on Dialog . How can i do this ? 回答1: Adding the following CSS will hide the title text and style, leaving the close button in place - see demo. .ui-dialog-title { display:none; } .ui-dialog-titlebar { background:transparent; border:none; } .ui-dialog .ui-dialog-titlebar-close { right:0; } However, if you want to change the style of the close

How do I reload the page after an AJAX call is done with a dialog?

眉间皱痕 提交于 2019-12-03 15:40:24
so I have a dialog UI with a form once a user click on a link it opens. Once they click "Add button" it create a AJAX call that submits the data into the database. What I need to add is reload() function to refresh the page. How can I add the reload function? I have tried to add windows.localtion.reload(); you can see it my code. That line does not work for some reason //Update contact dialog box $( "#contact-edit" ).dialog({ resizable: false, width: 500, modal: true, autoOpen: false, buttons: { "Update Info": function(e) { var formData = $('#edit-form').serialize(); //submit record $.ajax({

jQuery UI - Error: cannot call methods on dialog prior to initialization; attempted to call method 'open' [duplicate]

杀马特。学长 韩版系。学妹 提交于 2019-12-03 12:21:42
问题 This question already has answers here : jquery ui Dialog: cannot call methods on dialog prior to initialization (11 answers) Closed 3 years ago . [Solved] I write this script. Unfortunately, jQuery console throw: Error: cannot call methods on dialog prior to initialization; attempted to call method 'open' I use jQuery 1.10.2 and jQuery UI 1.10.4. $(function() { $("#player").on('click', 'img', function() { var zadanie = $( "input[name^='act']:checked:enabled" ).val(); switch(zadanie){ case '1

Show Close Button in Right side of jQuery Dialog

北慕城南 提交于 2019-12-03 12:10:48
I have created a jQuery Dialog as in this Demo . It is working properly. close button is display in right side in there. but on my site, running on localhost, close button is display in left side as in below image. How can i solve this ? Close Button Style <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="close"> <span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span> <span class="ui-button-text">close</span> </button> andyb The difference between your example files and the

Javascript Overlay/Dialog Tracking with Google Analytics

旧城冷巷雨未停 提交于 2019-12-03 08:47:26
Using javascript (jQuery to be precise in my case) I need to enable a dialog box to be tracked in Google Analytics as a unique page view, despite it being only a modal overlay. For context purposes I dont want the user leaving the page and the dialog content is loaded in via an ajax call. Yahel Assuming you're using Google Analytics new async code, all you need to do is place this code in the JavaScript block where you render your modal dialog. _gaq.push(['_trackPageview', '/fake/modal/path/here']); If you're using the old code, pageTracker._trackPageview('/fake/modal/path/here'); The basic