Page Templates:Ajax (layer) Pop-ups

From Whirlwind eCommerce Wiki
Jump to: navigation, search

Ajax (layer) pop ups look similar to traditional pop ups. Since the technology uses 'layers' within the existing page instead of opening a new page, it is NOT subject to pop up blockers, which makes it ideal for popping up content that cannot be blocked.

This function will pop up a draggable layer pop up which will include a button to close the pop up.

Call an ajax pop up by executing the following code:

<!-- call to the core eV javascript toolbox -->
<script language="javascript" src="/common/fnEtc.js"></script>
<script language="javascript">
 
// create some attributes to be passed to the pop up function
var content = 'this is the <b>content</b> that will be in the pop up';
var title = 'this will appear in the title bar of the pop up';
var id = 'idforpopup'; // sets the DOM element id that the pop up will use. make sure this is unique for the page!
var leftX = 100; // sets how far from the left side of the screen the pop up will be placed
var topY = 50; // sets how far from the top of the screen the pop up will be placed
 
// call the pop up
eV.layerPopUp(title,content,id,leftX,topY);
 
</script>