calendarxp
Site Admin
Joined: 30 Jan 2005
Posts: 409
|
 Posted: Tue Feb 15, 2005 7:35 pm Post subject: [PopCalendarXP]Why the date picker doesn't show up on my page but works well in the demo? |
 |
|
Since version 9.0.236, the engine has built-in support to hide the calendar panel if user clicks on places other than the trigger element. Nonetheless, you're required to mark down the trigger element explicitly by either giving it a css class name of "PopcalTrigger" or name it directly as "popcal". e.g.
| Code: | | <a href="javascript:void(0)" onmousedown="if(self.gfPop)gfPop.fPopCalendar(document.demoform.dc);return false;"><img class="PopcalTrigger" align="absmiddle" src="calbtn.gif" width="34" height="22" border="0" alt=""></a> |
If you choose the name way, you can name it anything as long as it contains the "popcal" string, e.g. "popcal1", "popcal2".
If you choose the css way, you don't need to define the PopcalTrigger in your css file - it's just a marker with no css meaning. And even if you already had a class assigned to that tag, you could still append the marker to it - by separating them with a blank. e.g.
| Code: | | <img class="MyImgClass PopcalTrigger" align="absmiddle" src="calbtn.gif"> |
The marker wouldn't change the appearance at all, but if you don't mark it the calendar may not be able to show up. The engine needs to know the trigger tag so that it will show, instead of hide, the calendar upon clicking. Most of the time the trigger is just an image, but could also be a textfield, a button or anything you use to receive the mouse click.
Please note that the css approach doesn't work with Netscape4 browser since NN4 doesn't support multiple css names. To take NN4 into account, you must either rename the MyImgClass rule into PopcalTrigger, or choose the 2nd option to name it directly as popcal. e.g.
| Code: | | <img class="MyImgClass" name="popcal" align="absmiddle" src="calbtn.gif"> |
_________________
Copyright 2003-2011 Idemfactor Solutions, Inc. All rights reserved. |
|
FAQ
Search
Register
Profile
Log in to check your private messages
Log in
