CodeCharge Studio
search Register Login  

Visual Web Reporting

Visually create Web Reports in PHP, ASP, .NET, Java, Perl and ColdFusion.
CodeCharge.com

YesSoftware Forums -> Archive -> GotoCode Archive

 CCS Calendar Extension for the ToolBox

Print topic Send  topic

Author Message
RG
Posted: 09/23/2002, 1:12 PM

Hi there!

I miss the ccscalendar.js from the message "CCS Calendar Extension for the ToolBox": http://www.gotocode.com/disc_viewt.asp?mid=13776&s_topic=ccscalendar&
Is that a custom js? can anybody send it to me please. "rghara@sbcglobal.net"
I can't get to http://acats.com/...

Thanks
RG
Posted: 09/24/2002, 2:35 AM

The problem is solved.

Thanks
Mutsch
Posted: 09/24/2002, 6:54 AM

Can you tell us how. I want to get to it too.

Thanks, Mutsch
Mark
Posted: 09/24/2002, 8:35 AM

I would like to know also
RG
Posted: 09/24/2002, 11:14 AM

It is not 100% CCS generated. You have to write some code manually. Please let me know if you are still interested.
Mark
Posted: 09/25/2002, 7:06 AM

Yes Still Interested
teufel
Posted: 09/25/2002, 10:36 AM

The code mentioned at an article here is really no more available at http://acats.com/...

Could you please email me the zipped archive? My e-mail: teufelsdaumen @ hotmail.com

Thanks
RG
Posted: 09/25/2002, 12:19 PM

I can imagine that YesSoftware would react to the toolbox extensions and specially to the Popup Calendar in the near future.
Anyways, what I did is a combination of different solutions.
- Install the toolbox "Extensions". Message from Bill Noble:
http://www.gotocode.com/disc_viewt.asp?mid=10490&s_topic=extensions&
- Download the Popup Calendar files from: http://www.softcomplex.com/products/tigra_calendar/
- Then I followed the steps described in the message from Kevin:
http://www.gotocode.com/disc_viewt.asp?mid=13776&s_topic=calendar&
- Copy cal.gif to cal.ico in CodeChargeStudio\Components\ToolBox\Extensions\Icon\.

At this point the extensions must be visible in CCS.

- Change the CodeChargeStudio\Components\ToolBox\Extensions\JS\Calendar.js
var doc = ccPage.HTML;
var name = "cal";
var index = 1;
if (doc) for(index=1; doc.all(name+index); index++){}
ccPage.pasteHTML("<a href=\"javascript:"+name+index+".popup();\"><img src=\"./images/cal.gif\" width=\"20\" height=\"20\" border=\"0\" align="top" alt=\"Click Here to Pick up the date\"></a>");

That is all what I get from CCS. The rest must be done manually. I am sure we can make it work 100% CCS generated but I don't have the time for that right now. Sorry.

Back to tigra Calendar files:
- Copy Calendar1.js, Calendar2.js and Calendar.html in your project folder where your project.ccs file is.
- Copy the images in your images folder.
- In the Calendar.html change var STR_ICONPATH = 'img/'; to var STR_ICONPATH = './images/';

Now start your project and go to design. Insert the calendar from the extensions next to a Date field. Icon and html code should be inserted now.

Now the html changes:

copy under your <title>abcd</title>
<script language="JavaScript" src="calendar1.js"></script> for dd/mm/yyyy format or
<script language="JavaScript" src="calendar2.js"></script> for mm/dd/yyyy format.

- Check the code for the inserted Icon:
The indexing doesn't work properly.
The variable cal1 is important <a href=javascript:cal1.popup(); ...
you should change it to cal2, cal3 and so on for each date field in your form where you add the popup Calendar.

- Copy and adjust this right after the end of the form </form>:
For each of your fields insert and adjust the three lines below in the script:
var cal1 = new calendar2(document.forms['myform'].elements['mydatefield']);
cal1.year_scroll = true;
cal1.time_comp = true;

* myform is your form name.
* mydatefiled is your datefiled name.
* new calendar2... for mm/dd/yyy format
* new calendar1... for dd/mm/yyy format

The result is something like this:

<script language="JavaScript">
var cal1 = new calendar2(document.forms['myform'].elements['mydatefield01']);
cal1.year_scroll = true;
cal1.time_comp = true;
var cal2 = new calendar2(document.forms['myform'].elements['mydatefield02']);
cal2.year_scroll = true;
cal2.time_comp = true;
var cal3 = new calendar2(document.forms['myform'].elements['mydatefield03']);
cal3.year_scroll = true;
cal3.time_comp = true;
</script>


I hope it works right away for you.

RG

   


These are Community Forums for users to exchange information.
If you would like to obtain technical product help please visit http://support.yessoftware.com.

PHP Reports

Visually create Web Reports in PHP, ASP, .NET, Java, Perl and ColdFusion.
CodeCharge.com

Home   |    Search   |    Members   |    Register   |    Login


Powered by UltraApps Forum created with CodeCharge Studio
Copyright © 2003-2004 by UltraApps.com  and YesSoftware, Inc.