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.





So here's the code and you can also try it out on my site...

- javascript
- css
- footer/header

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

devbobo wrote:

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.





So here's the code and you can also try it out on my site...

- javascript
- css
- footer/header

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

pat.kane wrote:

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 }

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

Cheers,

David

claudermilk

More cool stuff to clutter my customization boxes with.

brandofamily

devbobo wrote:

Thanks Pat

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

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

brandofamily wrote:

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

devbobo wrote:

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

brandofamily wrote:

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 You would probably be able to fix it better than me. Otherwise, get Mike, BWG, ivar or Barb on the job.

Cheers,

David

brandofamily

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

devbobo

brandofamily wrote:

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

that's css

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