iBlog Modal Popup Window

[justin 0]

Is there a way in iBlog pro to use the jQuery modal popup window? If not, is there a good plugin to do this? Basically just have an image I want to popup in a modal box.

[Andrew 207]

There are tons of plugins for this type of thing... did you look around?

[justin 0]

Acutally no plugin needed, since we are already loading the jQuery and jQuery UI. But the problem was no jQuery UI css and images were loaded, so I had to go build a theme in jQuery UI and upload the jQuery UI css and image files. Then I added a custom.js file, and wrote the following:

	// On document load
	$j(document).ready(function() {
		// Solution comparison dialog setup
		$j("#compare-solutions-popup").dialog({
			autoOpen: false,
			closeOnEscape: true,
			draggable: true,
			height: 'auto',
			modal: true,
			resizable: false,
			title: 'Solution Comparison',
			width: 645
		});
	
		// Show the solution comparison dialog onclick of #
		$j(".compare-solutions").click(function() {
			$j("#compare-solutions-popup").dialog("open");
		});
	});
	

[Andrew 207]

thanks for the update justin, some advanced JS there

[harryfear 0]

The content of my custom.js file doesn't seem to render anywhere as output, there is no script link to it on the HTML page, and i can't see it imported into another file. Does it need enabling? Please help, I'm desperate!

[cmunns 16]

Harry, Are you trying to duplicate Justin's solution? As Andrew stated there are plug-ins that will do this stuff for you if you are struggling with the code.