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. |
|