| calendarxp Site Admin
 
 
 Joined: 30 Jan 2005
 Posts: 409
 
 
 | 
			
				|  Posted: Sun Feb 20, 2005 5:22 pm    Post subject: How to install PopCalendarXP on my web page? |   |  
				| 
 |  
				| You just need to follow the steps below: 
 Simply add the calendar (iframe) tag to your web page just behind the <body> tag and make sure it's not surrounded by any other tag.
Then add gfPop.fPopCalendar(dateCtrl) to the onclick event of your trigger tag, usually a link or a button.
Finally, make sure all calendar files are located in the same place with ipopeng.htm.
 As in the following example, a beautiful date picker will be shown under the "dateCtrl" form field whenever the trigger is clicked. e.g.
 
  	  | Code: |  	  | <body> <iframe name="gToday:normal:agenda.js" id="gToday:normal:agenda.js"
 src="/scripts/popcal/ipopeng.htm" scrolling="no" frameborder="0"
 style="visibility:visible; z-index:999; position:absolute; left:-500px; top:-500px;"></iframe>
 ...
 <form name="demoform">
 <input name="dateCtrl"><a onclick="if(self.gfPop)gfPop.fPopCalendar(document.demoform.dateCtrl);return false;" href="javascript:void(0)"><span class="PopcalTrigger">pop me</span></a>
 </form>
 ...
 | 
 Please check out the beginner tutorial for more details.
 _________________
 Copyright 2003-2011 Idemfactor Solutions, Inc. All rights reserved.
 |  |