Popup Timeline Hack

[devbobo]

Since JT implemented the theme popup and writing a custom timeline hack for brando, I thought about doing to Timeline popup hack, to save navigating to the Timeline date or having it on the homepage all the time.


http://introversion.smugmug.com/photos/87342450-L-0.jpg


So here's the code and you can also try it out on my site (http://introversion.smugmug.com)...

- javascript (http://hacks.introversion.com.au/smugmug/timelinepopup/current/javascript.txt)
- css (http://hacks.introversion.com.au/smugmug/timelinepopup/current/css.txt)
- footer/header (http://hacks.introversion.com.au/smugmug/timelinepopup/current/footer.txt)

Additionally, I link the code into my nav bar like this...

<*a id="timeline_button" href="javascript:toggleTimelineChoices();">Timeline<*/a><!--*a-->

Let me know if there are any problems.

Cheers,

David

[Andy]

Since JT implemented the theme popup and writing a custom timeline hack for brando, I thought about doing to Timeline popup hack, to save navigating to the Timeline date or having it on the homepage all the time.


http://introversion.smugmug.com/photos/87342450-L-0.jpg


So here's the code and you can also try it out on my site (http://introversion.smugmug.com)...

- javascript (http://hacks.introversion.com.au/smugmug/timelinepopup/current/javascript.txt)
- css (http://hacks.introversion.com.au/smugmug/timelinepopup/current/css.txt)
- footer/header (http://hacks.introversion.com.au/smugmug/timelinepopup/current/footer.txt)

Additionally, I link the code into my nav bar like this...

<*a id="timeline_button" href="javascript:toggleTimelineChoices();">Timeline<*/a><!--*a-->

Let me know if there are any problems.

Cheers,

David

This looks really cool!

[pat.kane]

Very cool, but I have to click on the button twice before it pops up. I'm using FF1.5.0.6. I also get the following errors in the javascript error box (not visible on screen).

Error: Unexpected end of file while searching for closing } of declaration block.
Source File: http://introversion.smugmug.com/include/css/user_introversion-20060810193338.css
Line: 86

Error: Expected declaration but found '#currentTimelineInfo'. Skipped to next declaration.
Source File: http://introversion.smugmug.com/include/css/user_introversion-20060810193338.css
Line: 80

[devbobo]

Very cool, but I have to click on the button twice before it pops up. I'm using FF1.5.0.6. I also get the following errors in the javascript error box (not visible on screen).

Error: Unexpected end of file while searching for closing } of declaration block.
Source File: http://introversion.smugmug.com/include/css/user_introversion-20060810193338.css
Line: 86

Error: Expected declaration but found '#currentTimelineInfo'. Skipped to next declaration.
Source File: http://introversion.smugmug.com/include/css/user_introversion-20060810193338.css
Line: 80

Thanks Pat

I hacked the CSS really quickly....and removed one of the } :rolleyes

Still a few minor CSS display issues I need to sort out.

Cheers,

David

[claudermilk]

:clap

More cool stuff to clutter my customization boxes with. :D

[brandofamily]

Thanks Pat

I hacked the CSS really quickly....and removed one of the } :rolleyes

Still a few minor CSS display issues I need to sort out.

Cheers,

David
2 quickies... did you figure out why the link had to be clicked twice on the 1st use to get the box to open... and will it be themed to our page automatically... I know I could add the code to see. But I'm not really sure I want to impliment this...
Can the box be further styled... or would that require adjusting the hacked code? No specific requests at this point...

[devbobo]

2 quickies... did you figure out why the link had to be clicked twice on the 1st use to get the box to open... and will it be themed to our page automatically... I know I could add the code to see. But I'm not really sure I want to impliment this...
Can the box be further styled... or would that require adjusting the hacked code? No specific requests at this point...

Anthony,

The click twice issue is to do with dynamically loading a script library...I need to look into this, but it a very small issue.

Point 2, styling should happen automatically, as per the hack I did for u previously.

Cheers,

David

[brandofamily]

Anthony,

The click twice issue is to do with dynamically loading a script library...I need to look into this, but it a very small issue.

Point 2, styling should happen automatically, as per the hack I did for u previously.

Cheers,

David

Thanks... I think I may try to add the link button below my nav bar but above the search by term box. Then get the search by date box centered up on the page when opened so it looks similar to what I now have... would there be and easy way to add the boxTop that I currently have to the box that appears? I'll play with it I think.. Thanks.

[brandofamily]

could you look at my page?

http://www.brandolinoimaging.com/keyword/

issues...


In IE the borders of the search by date box top do not line up with the box created by the JS... (I think that's how I want to explain it...) It happens to your page to but yours is b0rked on the right end, mine on top.

[devbobo]

could you look at my page?

http://www.brandolinoimaging.com/keyword/

issues...


In IE the borders of the search by date box top do not line up with the box created by the JS... (I think that's how I want to explain it...) It happens to your page to but yours is b0rked on the right end, mine on top.

Anthony,

Unfortunately, that CSS stuff :rolleyes You would probably be able to fix it better than me. Otherwise, get Mike, BWG, ivar or Barb on the job. :thumb

Cheers,

David

[brandofamily]

OK.. the "loading" text does not show up in IE... Is that CSS or JS?

[devbobo]

OK.. the "loading" text does not show up in IE... Is that CSS or JS?

that's css :D

[brandofamily]

sorry to say I think I'm giving up... Back to the old format...

[enigmatic]

Hi!
Thanks so much for sharing your tips with us. I LOVE how you only show the slideshow and allow the other things (featured galleries/regular galleries to be "uncovered") Is there any chance that you'd share with us how to do that trick?

Thanks so much!

-Matt
enigmatic.smugmug.com