[Problem] Ustawianie wysokości PopUpa Opcje

[Rakom111]

Oto skrypt:

[PHP] pobierz, plaintext 
<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>
[PHP] pobierz, plaintext 

używam:

jquery.js
modal.popup.js

w modal.popup.js próbowałem zrobić:

[PHP] pobierz, plaintext 
	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';
[PHP] pobierz, plaintext 

i w skypcie dodać

[PHP] pobierz, plaintext 
		var height = 800; 	
[PHP] pobierz, plaintext 

lecz w tedy cały skrypt nie działał

Ten post edytował Rakom111 2.07.2012, 23:39:27

[kamil4u]

Zobacz co pokazuje konsola błędów. Na 70% chodzi o to, że nie masz załadowanego DOM-u. Cały ten kod co podałeś( ten Twój z getElementById ) wstaw w:

Kod

onload = function(){
/* Tu Twój kod */
}

--edit--
Aha. I ten kod umieść najlepiej w osobnym pliku JS, a nie że coś dodajesz w modal.popup.js

Ten post edytował kamil4u 2.07.2012, 23:52:42

[gr56]

Dopisując w swoim skrypcie zmienną height obok pozostałych zmiennych sprawiasz że jest ona dostępna tylko w środku $(document).ready a więc nie w modal.popup.js i stąd ten błąd. Musisz utworzyć tą zmienną globalnie lub dodać do funkcji modalPopup() argument height zarówno w twoim skrypcie jak i w definicji tej funkcji w modal.popup.js