| View previous topic :: View next topic |
| Author |
Message |
danny_mk
Joined: 22 Aug 2006
Posts: 10
|
 Posted: Tue Sep 05, 2006 Post subject: Ad event start date popup calendar... |
 |
|
I tried to add a popup calendar to my plans calendar and it did not work. However I can ad the same popup calendar to any input field on any of my other websites. I included the javascript and the css file in the template so that is not the problem. Now I am wondering if the css and javascript file included somehow interfere with the plans javascript.
Why is the start date input field not a popup calendar in plans?
Thank you for your attention. |
|
| Back to top |
|
 |
danny_mk
Joined: 22 Aug 2006
Posts: 10
|
| Posted: Tue Sep 05, 2006 Post subject: |
|
|
| Neve mind, I figured out that the z-index value was too low. Now I have a working popup calendar for the event date. Sorry for the question. |
|
| Back to top |
|
|
rfthomas
Joined: 22 Mar 2006
Posts: 22
|
| Posted: Thu Sep 07, 2006 Post subject: |
|
|
| How does that work? |
|
| Back to top |
|
|
danny_mk
Joined: 22 Aug 2006
Posts: 10
|
|
| Back to top |
|
|
paulp575
Joined: 30 Jun 2005
Posts: 41
Location: Spokane WA
|
| Posted: Sat Oct 14, 2006 Post subject: |
|
|
OK, I checked out your calendar and attempted to do this myself - what a mistake!!!Here's the instructions I created - tell me where I went wrong!
| Quote: | To add a pop-up calendar to an event start date, do the following:
1. Open plans.cgi
2. Add the following link immediately after the 'color_select.js' link:
<script type="text/javascript" src="$theme_url/CalendarControl.js></script>
3. Also in plans.cgi change
<input id="evt_start_date" name="evt_start_date" style="width:7em;" value = "mm/dd/2006">
to
<input id="evt_start_date" name="evt_start_date" onfocus="showCalendarControl(this);" style="width:7em;" value="mm/dd/2006">
4. Upload CalendarControl.js to the theme folder.
That's it!!!! |
Thanks,
Paul |
|
| Back to top |
|
|
danny_mk
Joined: 22 Aug 2006
Posts: 10
|
| Posted: Sun Oct 15, 2006 Post subject: |
|
|
I put this within the body of the plans.template:
<link href="/js/contrib/calendar/CalendarControl.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/js/contrib/calendar/CalendarControl.js"></script>
make sure it is after the
<body>
tag because it does not work for me if it is within the title.
Then in the CalendarControl.css file I added the z-index property:
#CalendarControlIFrame {
display: none;
left: 0px;
position: absolute;
top: 0px;
height: 250px;
width: 250px;
z-index: 99;
}
#CalendarControl {
position:absolute;
background-color:#FFF;
margin:0;
padding:0;
display:none;
z-index: 1000;
}
and that was it!
Where are you having problems |
|
| Back to top |
|
|
paulp575
Joined: 30 Jun 2005
Posts: 41
Location: Spokane WA
|
| Posted: Sun Oct 15, 2006 Post subject: Ad event start date popup calendar... |
|
|
| danny_mk wrote: | | Where are you having problems |
Didn't have those instructions so I started all over by downloading (from your website) the 2 CalendarControl files (.css and .js).
Then added the two lines into the plans.template file.
Then uploaded all three files.
Nothing!!!! When I place the cursor in the 'Start Date' field, I do not get a pop-up calendar!!!
Don't know if you can see my files, but here's the URL to my calendar:
http://www.dog-walker.us/4x4Calendar/plans.cgi?active_tab=1
Thanks for any help you can give me!
Paul
Last edited by paulp575 on Sun Oct 15, 2006; edited 1 time in total |
|
| Back to top |
|
|
paulp575
Joined: 30 Jun 2005
Posts: 41
Location: Spokane WA
|
| Posted: Sun Oct 15, 2006 Post subject: |
|
|
| danny_mk wrote: | | Where are you having problems |
As stated below, nothing works.
I thought maybe because the stylesheet link was not in the header, that was the problem. But moving to the head section did not work!
Also, your instructions do not appear to be complete. If I look them over carefully, you made no change in the Start Date field??? While I'm not an expert in javascript, I do know that unless you reference the javascript file in the event start date area, nothing will happen!
Rather disappointed this is not working as this would have greatly helped some of my not so computer-literate folks that I know will be using this otherwise great program!
If you can think of any way(s) to get this working, please -- I'd be gretfull for for any suggestions!
Thanks,
Paul |
|
| Back to top |
|
|
danny_mk
Joined: 22 Aug 2006
Posts: 10
|
| Posted: Mon Oct 16, 2006 Post subject: |
|
|
Hi Paul.
OK, so let me start from scratch. I was just following the thread and filling in the blanks so I did not give complete instructions.
Here they are================
Download the files
http://calendar.birdbidder.com/js/contrib/calendar/CalendarControl.css
http://calendar.birdbidder.com/js/contrib/calendar/CalendarControl.js
Put them in a directory on your webserver, lets call that directory [popupcalendar]
Test to make sure the files are available by visiting your website with the following urls:
http://your_website_here/popupcalendar/CalendarControl.js
http://your_website_here/popupcalendar/CalendarControl.css
if the files are displayed or you get a download prompt then you are doing good so far.
Edit the plans.template and put the following lines AFTER the <body> tag as in the example below:
<body> <--{ this is where the body starts in the plans.template }
{ notice the two lines are AFTER the body tag }
<link href="/popupcalendar/CalendarControl.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/popupcalendar/CalendarControl.js"></script>
Edit the file plans.cgi and look for the follwing line (around line number 2968):
<input id="evt_start_date" name="evt_start_date" style="width:7em;" value = "mm/dd/2006">
REPLACE that line with the following line:
<input id="evt_start_date" name="evt_start_date" onfocus="showCalendarControl(this);" style="width:7em;" value="mm/dd/2006">
The popup should work right after you do these steps. Let me know if it does not!
By the way, this should work with any popup calendar. I just use the one I have here because it is small and it works good.
Dan. |
|
| Back to top |
|
|
paulp575
Joined: 30 Jun 2005
Posts: 41
Location: Spokane WA
|
| Posted: Mon Oct 16, 2006 Post subject: Re: Ad event start date popup calendar... |
|
|
| danny_mk wrote: | | The popup should work right after you do these steps. Let me know if it does not! |
OK, followed your steps very carefully and still does not work!!!
If you want to take a look at my files (Ithink you can), here's where they are located:
http://www.dog-walker.us/4x4Calendar/
Paul |
|
| Back to top |
|
|
paulp575
Joined: 30 Jun 2005
Posts: 41
Location: Spokane WA
|
| Posted: Mon Oct 16, 2006 Post subject: Re: Ad event start date popup calendar... |
|
|
| danny_mk wrote: | | The popup should work right after you do these steps. Let me know if it does not! |
OK, followed your steps very carefully and still does not work!!!
FOLOW-UP:
OK, now it works!!! What I had to do is add the full URL path to the two calendar control files in plans.template and plans.cgi! Once that was done, the pop-up calendar did display!!!!
Thanks for your help (now I just have to figure out which colors work best with my theme)!!!
Paul |
|
| Back to top |
|
|
danny_mk
Joined: 22 Aug 2006
Posts: 10
|
| Posted: Mon Oct 16, 2006 Post subject: |
|
|
You should have:
<link href="/4x4Calendar/theme/CalendarControl.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/4x4Calendar/theme/CalendarControl.js"></script>
and it should work!
Anyway, I am you got it working!
You can download the files for the calendar and any updates from the following location:
https://engineering.purdue.edu/ECN/Support/KnowledgeBase/Docs/20040414131404
Just thought I give credit where credit is due 
P.S. Remember to change/add the z-index value in the calendar.css or you will never get above plans DIV tags
Dan. |
|
| Back to top |
|
|
paulp575
Joined: 30 Jun 2005
Posts: 41
Location: Spokane WA
|
| Posted: Mon Oct 16, 2006 Post subject: Ad event start date popup calendar... |
|
|
| danny_mk wrote: | You should have:
<link href="/4x4Calendar/theme/CalendarControl.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/4x4Calendar/theme/CalendarControl.js"></script>
and it should work! |
Nope tried that first and didn't work so then I decided to try the full path to the files and that worked! Not sure why, but at least it's working!
Thanks for your help,
Paul |
|
| Back to top |
|
|
|
FAQ 
Search 
Memberlist
Register
Profile 
Log in
