Modal dialog forms

Ranch Hand

Posts: 434

posted 7 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I need to make a popup window users can interact with. Users also need to be able to close the window and be navigated to different places on the main form. I am not sure if this can be modified or I need to get a JavaScript library to do this. I have FancyBox. It's modal, but it does not do the navigation I need.

I have the closing and navigation, but not the modal part. Here is the code I have to open the window and close\navigate.

Any ideas?

The code that opens the window

STANDARD_SCALE_DISPLAY_WIDTH = 500;
	STANDARD_SCALE_DISPLAY_HEIGHT = 500;
	
	function openObjectivesPopup(){
		PopupCenter('/objectivespopup.jsp','ObjectiveTracker',STANDARD_SCALE_DISPLAY_WIDTH ,STANDARD_SCALE_DISPLAY_HEIGHT);  
	
	}

function PopupCenter(url, title, w, h) {
	    // Fixes dual-screen position                         Most browsers      Firefox
	    var dualScreenLeft = window.screenLeft != undefined ? window.screenLeft : screen.left;
	    var dualScreenTop = window.screenTop != undefined ? window.screenTop : screen.top;
	
	    var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
	    var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;
	
	    var left = ((width / 2) - (w / 2)) + dualScreenLeft;
	    var top = ((height / 2) - (h / 2)) + dualScreenTop;
	    var newWindow = window.open(url, title, 'modal=yes, scrollbars=yes, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);
	
	    if (window.focus) {
	        newWindow.focus();
	    }
	}

The popup window

Did you see how Paul cut 87% off of his electric heat bill with 82 watts of micro heaters?