Baseline Tabbed Up & Down Layer (like jQuery)

[ksiads]

If you go to Constant Contact's main page you'll see a persistent tab at the bottom of the screen that says "Share".

Click it and a small menu scrolls up revealing 3 columns of content & links. When it reaches its end height, the tab text changes to say "Close". Click on the tab again and it slowly scrolls back in place and changes its text back to "Share".

Is there a way to create this baseline element in Xara Web Designer 7 Premium? It looks like it hooks into jQuery but I'm hoping for a simpler solution.

Thanks

[Drwyd]

Something close

[ksiads]

Thanks, Drwyd. I looked at your file and played around with some of the possibilities.

I wish I could set the area that slides up at an absolute screen position rather than the bottom of a page. That way I it would be ready as a clickable tab at the browser's baseline no matter the screen height. Do you know of a way to specify object placement in this manner?

[ksiads]

I'm not sure if I was clear in my reply above.

I'd like to create a square object with the following params:

Height=400px
Width=1920px
X=0
Y starting position=absolute screen bottom

...and change them on click to:

Height=400px
Width=1920px
X=0
Y ending position=absolute screen bottom -400px



Does that make sense?

[Drwyd]

That makes perfect sense

I suspect that what you are aiming at is possible but not easy.

You would have to break out of the clipped and absolutely positioned #xr_xr div.

[ksiads]

In case anyone's interested, I found this link which describes how to accomplish the footer up/down module I was looking for.

It's actually quite easy to do.

If you'd like to take a quick look at the demo here's the link. Just click on the question mark at the bottom of the page.


Cheers!

[Drwyd]

JQuery is very handy It's luring me back to coding by hand again