jQuery.fn.popupwindow = function(p) { var profiles = p || {}; return this.each(function(index){ var settings, parameters, mysettings, b, a; // for overrideing the default settings mysettings = (jQuery(this).attr("rel") || "").split(","); settings = { height:600, // sets the height in pixels of the window. width:600, // sets the width in pixels of the window. toolbar:0, // determines whether a toolbar (includes the forward and back buttons) is displayed {1 (YES) or 0 (NO)}. scrollbars:0, // determines whether scrollbars appear on the window {1 (YES) or 0 (NO)}. status:0, // whether a status line appears at the bottom of the window {1 (YES) or 0 (NO)}. resizable:1, // whether the window can be resized {1 (YES) or 0 (NO)}. Can also be overloaded using resizable. left:0, // left position when the window appears. top:0, // top position when the window appears. center:0, // should we center the window? {1 (YES) or 0 (NO)}. overrides top and left createnew:1, // should we create a new window for each occurance {1 (YES) or 0 (NO)}. location:0, // determines whether the address bar is displayed {1 (YES) or 0 (NO)}. menubar:0 // determines whether the menu bar is displayed {1 (YES) or 0 (NO)}. }; // if mysettings length is 1 and not a value pair then assume it is a profile declaration // and see if the profile settings exists if(mysettings.length == 1 && mysettings[0].split(":").length == 1) { a = mysettings[0]; // see if a profile has been defined if(typeof profiles[a] != "undefined") { settings = jQuery.extend(settings, profiles[a]); } } else { // overrides the settings with parameter passed in using the rel tag. for(var i=0; i < mysettings.length; i++) { b = mysettings[i].split(":"); if(typeof settings[b[0]] != "undefined" && b.length == 2) { settings[b[0]] = b[1]; } } } // center the window if (settings.center == 1) { settings.top = (screen.height-(settings.height + 110))/2; settings.left = (screen.width-settings.width)/2; } parameters = "location=" + settings.location + ",menubar=" + settings.menubar + ",height=" + settings.height + ",width=" + settings.width + ",toolbar=" + settings.toolbar + ",scrollbars=" + settings.scrollbars + ",status=" + settings.status + ",resizable=" + settings.resizable + ",left=" + settings.left + ",screenX=" + settings.left + ",top=" + settings.top + ",screenY=" + settings.top; jQuery(this).bind("click", function(){ var name = settings.createnew ? "PopUpWindow" + index : "PopUpWindow"; window.open(this.href, name, parameters).focus(); return false; }); }); }; /* PopUpWindow Example

PopUpWindow Examples

Takes a link and will create a popupwindow based on the href of the link. You can over ride the default setting by passing your own settings or profile name in the REL attribute of the link.

Default settings example:: Example 1

Custom settings example:: Example 1 - height:400,width:400; Example 2 - height:550,width:750,toolbar:1,scrollbars:1,status:1,resizable:0,left:50,top:100

Profile examples:: Example 1 - window800; Example 2 - window200; Example 3 - windowCenter

Same Window examples: Example 1 - windowNotNew; Example 2 - windowNotNew

Settings available:

height:600, // sets the height in pixels of the window.
width:600, // sets the width in pixels of the window.
toolbar:0, // determines whether a toolbar (includes the forward and back buttons) is displayed {1 (YES) or 0 (NO)}.
scrollbars:0, // determines whether scrollbars appear on the window {1 (YES) or 0 (NO)}.
status:0, // whether a status line appears at the bottom of the window {1 (YES) or 0 (NO)}.
resizable:1, // whether the window can be resized {1 (YES) or 0 (NO)}. Can also be overloaded using resizable.
left:0, // left position when the window appears.
top:0, // top position when the window appears.
center:0, // should we center the window? {1 (YES) or 0 (NO)}. overrides top and left
createnew:1 // should we create a new window for each occurance {1 (YES) or 0 (NO)}.

jQuery code and profiles used in the examples above:

var profiles =
{

	window800:
	{
		height:800,
		width:800,
		status:1
	},

	window200:
	{
		height:200,
		width:200,
		status:1,
		resizable:0
	},

	windowCenter:
	{
		height:300,
		width:400,
		center:1
	},
	
	windowNotNew:
	{
		height:300,
		width:400,
		center:1,
		createnew:0
	}

};


$(function()
{
	$(".popupwindow").popupwindow(profiles);
});