020 555 1111
  • Old fashion, modular, procedural PHP plus some scaffolding techniques to allow it to mimic MVC simplicity.
  • A quick reference to help you find in PHP maze what needs to be done and how to do it.
  • Learn a PHP Object Oriented Programming by building a live discussion forum application.
  • MVC - Model View Controller - real life, easy reference and application.
This product has options, take a look at them and select ones you like the most.
Options are displayed under image section.

jQuery popup: Fancybox
[jQuery: example]

jQuery powered popup: fancybox - click here for homesite: http://fancybox.net/api

some tips and tricks are here: http://fancybox.net/blog

also this internal link

 

Options and api backup are also here.

 

This example has dual functionality:

  1. it loads popup onLoad just once
  2. it allows to load same popup onClick: try to click here

Onload is based on cookie. On first load it is being stored. To activate onload again, click here to destroy cookie and reload page again.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien. Vestibulum imperdiet porta ante ac ornare.

 

html code involved:

	<!--this one for onClick-->
	<a id="project_info_clk" href="#project_display">open popup onclick</a>
	
	<!--this one for onLoad-->
	<a id="project_info" href="#project_display"></a>
	
	<div style="display: none;">
	    <div id="project_display" style="width:300px;height:100px;overflow:auto;">
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
		Etiam quis mi eu elit tempor facilisis id et neque. 
		Nulla sit amet sem sapien. Vestibulum imperdiet porta ante ac ornare.
	    </div>
	</div>

 

jQuery code:

	//ONLOAD
	//this code is for onload popup
	//it is activated by jQuery .trigger() and empty anchor link
	//it checks if cookie is set:
	// a. if yes: it opens popup and sets cookie, 
	//    so second time around popup will not open onload
	// b. if not: it does not open popup
	if (!$.cookie('fcookie')) {
	    $("#project_info").fancybox({
		titlePosition: 'inside'
	    });
	    $("#project_info").fancybox().trigger("click");
	    $.cookie('fcookie', '1', {path: ' / '});
	} 
	
	//ONCLICK
	//this one has separate link to click if user wants popup to open
	//this has second instance of fancybox, which points to same content
	//as one working onLoad
	$("#project_info_clk").fancybox({
	    titlePosition: 'inside'
	});

 

Since callbacks in fancybox 1.3 do not work, when using .trigger('click') and $.cookie, also passing cookie setting as an attribute in .trigger('clck') does not work as well, above solution seems to be best available.

Know better way?

Drop me an email.