<script language="javascript"> $(document).ready(function() { //Change these values to style your modal popup var align = 'center'; //Valid values; left, right, center var top = 10; //Use an integer (in pixels) var width = 1500; //Use an integer (in pixels) var padding = 10; //Use an integer (in pixels) var backgroundColor = '#FFFFFF'; //Use any hex code var source = 'Mapy/tekkit.html'; / var borderColor = '#333333'; //Use any hex code var borderWeight = 2; //Use an integer (in pixels) var borderRadius = 5; //Use an integer (in pixels) var fadeOutTime = 300; //Use any integer, 0 = no fade var disableColor = '#666666'; //Use any hex code var disableOpacity = 40; //Valid range 0-100 var loadingImage = 'js/loading.gif'; //Use relative path from this page //This method initialises the modal popup $(".modal").click(function() { modalPopup(align, top, width, padding, disableColor, disableOpacity, backgroundColor, borderColor, borderWeight, borderRadius, fadeOutTime, source, loadingImage); }); //This method hides the popup when the escape key is pressed $(document).keyup(function(e) { if (e.keyCode == 27) { closePopup(fadeOutTime); } }); }); </script>
używam:
jquery.js
modal.popup.js
w modal.popup.js próbowałem zrobić:
document.getElementById('outerModalPopupDiv').style.display='block'; document.getElementById('outerModalPopupDiv').style.width = width + 'px'; document.getElementById('outerModalPopupDiv').style.height = height + 'px'; <- document.getElementById('outerModalPopupDiv').style.padding = borderWeight + 'px'; document.getElementById('outerModalPopupDiv').style.background = borderColor; document.getElementById('outerModalPopupDiv').style.borderRadius = borderRadius + 'px'; document.getElementById('outerModalPopupDiv').style.MozBorderRadius = borderRadius + 'px'; document.getElementById('outerModalPopupDiv').style.WebkitBorderRadius = borderRadius + 'px'; document.getElementById('outerModalPopupDiv').style.borderWidth = 0 + 'px'; document.getElementById('outerModalPopupDiv').style.position = 'absolute'; document.getElementById('outerModalPopupDiv').style.zIndex = 100; document.getElementById('innerModalPopupDiv').style.padding = padding + 'px'; document.getElementById('innerModalPopupDiv').style.background = backgroundColor; document.getElementById('innerModalPopupDiv').style.borderRadius = (borderRadius - 3) + 'px'; document.getElementById('innerModalPopupDiv').style.MozBorderRadius = (borderRadius - 3) + 'px'; document.getElementById('innerModalPopupDiv').style.WebkitBorderRadius = (borderRadius - 3) + 'px'; document.getElementById('blockModalPopupDiv').style.width = 100 + '%'; document.getElementById('outerModalPopupDiv').style.height = 100 + '%'; <- document.getElementById('blockModalPopupDiv').style.border = 0 + 'px'; document.getElementById('blockModalPopupDiv').style.padding = 0 + 'px'; document.getElementById('blockModalPopupDiv').style.margin = 0 + 'px'; document.getElementById('blockModalPopupDiv').style.background = disableColor; document.getElementById('blockModalPopupDiv').style.opacity = (disableOpacity / 100); document.getElementById('blockModalPopupDiv').style.filter = 'alpha(Opacity=' + disableOpacity + ')'; document.getElementById('blockModalPopupDiv').style.zIndex = 99; document.getElementById('blockModalPopupDiv').style.position = 'fixed'; document.getElementById('blockModalPopupDiv').style.top = 0 + 'px'; document.getElementById('blockModalPopupDiv').style.left = 0 + 'px';
i w skypcie dodać
var height = 800;
lecz w tedy cały skrypt nie działał