Jump to content

Working On A New Project

Recommended Posts

Hi, All!


I am working on a calendar project...well...trying to work on a calendar project. I know what I want to do, I just don't know which program to look to for help. What I want to build is this:


One page with links for each month listed down the left side. To the right, I want the calendar. The problem I'm having is how to have the calendar change accordingly when the months are clicked...I don't want a new window to open though.


So...I know I could do this in Flash...I'm just not that good at Flash yet. :unsure: So...does anybody out there know if this can be done in Fireworks with html and Javascript?


If Flash is the best option, does anyone know of a good tutorial for this type of project?


Thanks much,


Link to post
Share on other sites



This is probably not what you are looking for, but may give you some ideas.


A year or so ago, I created a yearly calendar which covered the years from 2001 to 2005.

The reason being, is that I and a few of the fellows that I worked with needed calendars to do some planning and scheduling for some construction projects that we were working on.

These calendars also contain ten markers that can be moved around on the calendars to mark certain dates.


I created these calendars using Microsoft Publisher, it was very easy to do.


You can see the Calendar site here, http://rjskon.com/calendar/


I hope that this helps you a little.



Link to post
Share on other sites



No, I'd like to try to do it without the page changing at all. I'm pretty sure I could do it on 12 different pages and not have a problem. I just wanted to cut down on the number of pages and load time.


I've done a disjointed rollover in Fireworks. The only difference I want with the calendar is an "onclick" effect instead of a "mouseover" effect. Maybe I should play with the script created for the disjointed rollover...


:) Tracy

Link to post
Share on other sites



I took a look at your calendars and they are pretty cool. Not exactly what I'm looking for, though. But, I'll keep them in mind and maybe they'll help me make my calendar better when I finally figure out how to do it!!




Link to post
Share on other sites



Actually you would need only one page which would reload itself and pull in the corresponding correct parts via includes which are predetermined by variables.


Another way is via "layers". Each layer has its own visability level so you should be able to create a script so that upon rollover, the corresponding level appears



Link to post
Share on other sites

Are the calendars text or image? If they are image calendars then I believe you could just use the "onclick" event to assign a new image source for each of the different calendars.


I've done it before playing around, but I don't remember off the top of my head how to do it - and I don't know if it works on all browsers. I could do a little more research if this sounds useful.

Link to post
Share on other sites



This may not be exactly what you want, but if you use Outlook, you can export a calendar as a webpage.


Outlook does all the work for you. You select the start and end dates and the file name and it saves everything out. Also when you export, you can select to also export your scheduled items (appointments, events, holidays, etc).


When loaded in a browser, you can click back and forth through the months. And if you chose to export your appointments, etc. it shows those on the day and then shows the details of those on the right hand side of the page.


When it exports, it includes a css file which you can modify to customize the look of the calendar.





Link to post
Share on other sites

OK, I figured it out.... and it does work in IE and Firebird. Below is a very simple example of how it can be done if your calendars are images.


Note: the code below requires jan.gif and feb.gif to work correctly.








  <table border="1">


      <a href="#" onClick="document.images.calendar.src='jan.gif'">January</a><br>

      <a href="#" onClick="document.images.calendar.src='feb.gif'">February</a>


      <img name="calendar" src="jan.gif" width="400">






Edited by chadf
Link to post
Share on other sites

Geez...thanks for all the many replies!!! I will be working on this in the next few days, so will post the end result. Chadf...I will be trying the script you posted first. Sounds like what I was trying to figure out in my own little brain! Synapses were falling short, though!


Thanks again for all the advice...

Tracy woooot

Link to post
Share on other sites

Well...I figured out how to do it in Fireworks...indirectly. I know, Jim...and I agree. Unfortunately, it's the only way I know how to get exactly what I'm looking for. All the suggestions were wonderful but I felt like I would have to give up one thing or another with most of them. I DO clean up my html in Dreamweaver...can't clean up Javascript yet, though. It may not be the best code possible in the end, but it will be as clean as I can make it.


When I get the calendars built...hopefully this weekend...I will post them for review. Jim, I'd like for you to take a look at the code in the end and tell me more about Firework's inefficient coding. That's how I learn...I just don't have much of a frame of reference for some of it.


Thanks again for all the suggestions...they all helped in one way or another.



Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...