Forum Moderators: not2easy
I've been trying to create a timeline where a date and month is calculated through php, and it has a zoom method where it expands and contracts for wider range view.
I've tried various methods, but apparently none of them are very effective!
heres what i did:
1. float divs
i created 12 divs and did float:left to each other, and each div expands and contracts using javascript..
problem: divs have float drop, where if it goes over the page, it drops down below. So i made it overflow-x: auto and made the width really wide.. but then i had to insert days in there.. 30 more divs per each individual div?
2. expanding table
I created a table with individual TDs as months using a fixed percentage. I created 30 days of divs inside those TDs using fixed percentage for each..
Problem: some of the divs were being cut off for some reason, once again, float divs tend to crop itself or drop down below..
3. expanding tds
i created a table with each td marked as number of days.. and used nowrap=true attrib to make it so each td has a fixed percentage width.
problem: it doesn't look as nice when it expands/contracts.. when it is viewed in a year worth, the tds do a word wrap and makes each td different size! (can't have this.. must be dead accurate)
Now i am left with fewer choices, some of them i dont know how to do!
I need to know a way to add a vertical line in a div per day, so 30 vertical lines in a div which is not influenced by the changing width of the div.
Otherwise, i need a work around to this problem! I've been hammering it for a while.. need desperate help!
It seems like you want an animated time-line that contracts/expands to show some portion (I presume an area where you mouse-over?) expands and the rest stays collapsed?
Somewhat like the taskbar on Mac OS X when the zoom feature is enabled?
hover effects creating a size change tends to give funny effects if the resize causes the hover to stop, causing it to contract again, causing it to start to hover again ... lotsa blinking going on ...
Perhaps generating flash is the more flexible solution to get it to run smooth. Try giving a look at "ming" to be able to generate flash content from within php. (off topic for this group)
