javascript - JQuery Dialog Modal Box Frame -


i trying use dialog element on page, having issues. appear box not showing up. have iframe inside dialog working (aside sizing issues), title bar of box , (sometimes) buttons not shown. have seen online cause of typically jquery ui css file not included, don't think problem here, have link, copied page creating dialog boxes properly. can't decide if relevant or not, creating pages in sharepoint designer, , using 2 different standards evaluate pages, 1 of (the non-working one) claims <link> tag error, saying 'in xhtml 1.0 strict tag cannot contain .' however, there no <div> around <link> tag, , designer says many of sharepoint-created tabs named <sharepoint:...> not allowed in version of xhtml. code creates dialog included reference:

<div id='am_scheddetailmodal' title='details'>   <div class='ui-widget'></div> </div> 
$(document).ready(function() {     $("#am_scheddetailmodal").dialog({         autoopen: false,         modal: true,         buttons: {             'close': function() {                 $(this)                     .html('')                     .dialog('close');             }         }     }); });   function onclick() {     var width = window.innerwidth ||          document.documentelement.clientwidth ||          document.body.clientwidth;     var height = window.innerheight ||          document.documentelement.clientheight ||          document.body.clientheight;      $('#am_scheddetailmodal').dialog('option', 'width', math.floor(width * .7));     $('#am_scheddetailmodal').dialog('option', 'height', math.floor(height * .7));       $('#am_scheddetailmodal div').html("<iframe id='am_mdl_iframe' src='" + input + "' height='100%' width='100%'>");     $('#am_scheddetailmodal').dialog('open'); } 

any problem appreciated.

edit: <link> containing css not being loaded, since iframe shows wit appropriate <div>s , such surrounding should showing modal box. still don't understand, however, why css not loading.

well, have no idea reason was, found new place put <link> tag, , loading properly. if else having problem sharepoint web-part page, try putting tag in obvious spot possibly have overlooked- <asp:content> tag contains <meta> tags.


Comments

Popular posts from this blog

c++ - Creating new partition disk winapi -

Android Prevent Bluetooth Pairing Dialog -

VBA function to include CDATA -