mirror of
https://github.com/Doodle3D/doodle3d-connect.git
synced 2024-12-27 11:03:49 +01:00
53 lines
1.3 KiB
JavaScript
53 lines
1.3 KiB
JavaScript
// popup examples
|
|
$( document ).on( "pagecreate", function() {
|
|
|
|
// The window width and height are decreased by 30 to take the tolerance of 15 pixels at each side into account
|
|
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 );
|
|
}
|
|
});
|
|
});
|