// popup examples $( document ).on( "pageinit", function() { $( ".photopopup" ).on({ popupbeforeposition: function() { var maxHeight = $( window ).height() - 60 + "px"; $( ".photopopup img" ).css( "max-height", maxHeight ); } }); function scale( width, height, padding, border ) { var scrWidth = $( window ).width() - 30, scrHeight = $( window ).height() - 30, ifrPadding = 2 * padding, ifrBorder = 2 * border, ifrWidth = width + ifrPadding + ifrBorder, ifrHeight = height + ifrPadding + ifrBorder, h, w; if ( ifrWidth < scrWidth && ifrHeight < scrHeight ) { w = ifrWidth; h = ifrHeight; } else if ( ( ifrWidth / scrWidth ) > ( ifrHeight / scrHeight ) ) { w = scrWidth; h = ( scrWidth / ifrWidth ) * ifrHeight; } else { h = scrHeight; w = ( scrHeight / ifrHeight ) * ifrWidth; } return { 'width': w - ( ifrPadding + ifrBorder ), 'height': h - ( ifrPadding + ifrBorder ) }; }; $( ".ui-popup iframe" ) .attr( "width", 0 ) .attr( "height", "auto" ); $( "#popupVideo" ).on({ popupbeforeposition: function() { // call our custom function scale() to get the width and height var size = scale( 497, 298, 15, 1 ), w = size.width, h = size.height; $( "#popupVideo iframe" ) .attr( "width", w ) .attr( "height", h ); }, popupafterclose: function() { $( "#popupVideo iframe" ) .attr( "width", 0 ) .attr( "height", 0 ); } }); $( "#popupMap iframe" ).contents().find( "#map_canvas" ) .css( { "width" : 0, "height" : 0 } ); $( "#popupMap" ).on({ popupbeforeposition: function() { var size = scale( 480, 320, 0, 1 ), w = size.width, h = size.height; $( "#popupMap iframe" ) .attr( "width", w ) .attr( "height", h ); $( "#popupMap iframe" ).contents().find( "#map_canvas" ) .css( { "width": w, "height" : h } ); }, popupafterclose: function() { $( "#popupMap iframe" ) .attr( "width", 0 ) .attr( "height", 0 ); $( "#popupMap iframe" ).contents().find( "#map_canvas" ) .css( { "width": 0, "height" : 0 } ); } }); $( "#popupPanel" ).on({ popupbeforeposition: function() { var h = $( window ).height(); $( "#popupPanel" ) .css( "height", h ); } }); $( "#popupPanel button" ).on( "click", function() { $( "#popupPanel" ).popup('close'); }); });