Sliding boxes at the bottom

Hi all,

what way would you go to achieve those boxes, sticking at the bottom, opening on hover, closing on click like in the following example:

Thanks for any advice in advance.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

These examples are Flash.

You could probably do something similar with JS.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi David,

agree, haven’t seen that. But another example:

I think this is not flash. What direction (or action) would you recommend?

Thanks

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I looked at that site from your other post. Jam packed with javascript. There is an interesting bit of code at the beginning that looks for mobile web browser also.

You could replicate quite a bit of it using some of the actions available, such as Walt’s Carousel and Scriptyaccordion, even CSS menus for that matter. A little creative thinking, and a lot of experimenting should get you there.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Have a look at this Stu Nicholls | CSS PLAY | HTML+TIME - Rising Tabs - animation

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Quick example using Stu Nicholls method http://www.deltadesign.co/menu_stuff/riser.html

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi D,

cool stuff and a way to go - no doubt. Could you shoot me the fw-file? It’s in fact actual overwhelming me. I’ll try to insert it in my actual state of the art:

http://www.kimmich-dm.de/hblocher/index.html

Hope this is not too offensive for anybody out there.

Finally to share the whole project as a template?

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The more I follow this thread, the less I realise I know. I was fascinated to follow the link to the CSS Play site, blown away by the example shown, and probably couldn’t even envisage some or any of the other effects achieved.

But coming back to the Rising Menus illustrated, from where would I download the code, or is it obtained via View Source? Either way, once in possession of the code, where and how would it be incorporated into Freeway. Having seen DD’s instant example, I hope it’s not beyond such relatively limited Freeway knowledge I might have.

Many thanks

Neil

On 6 Dec 2010, at 21:50, Thomas Kimmich wrote:

Hi D,

cool stuff and a way to go - no doubt. Could you shoot me the fw-file? It’s in fact actual overwhelming me. I’ll try to insert it in my actual state of the art:

http://www.kimmich-dm.de/hblocher/index.html

Hope this is not too offensive for anybody out there.

Finally to share the whole project as a template?

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You can just extract the relevant code and use a bit of Page>HTML Markup, Markup etc. - at least that was what I did.

I have discovered a flaw though - it is working in everything but IE8 (haven’t got 7 or 6 to try) and it should even though it is a s****y browser. There are fall backs for IE built in.

Maybe my implementation is not quite right but I have asked the question of the great Stu Nicholls to see if he can shed some light.

The slightly less complicated page is now at http://www.deltadesign.co/risertest/index.html and I will try and get a FW doc up there for Download.

One of you expert CSS guys might also be able to spot the problem.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi D,

thanks for the nightly built - the man that never sleeps?

I see - MarkUp Elements.

Hmmm, this makes it not really easier to style it out and get full control of - isn’t it? The pain to me is, that he defines all elements in lists (ul, li, dl, dt, dd) and DD would probably the only thing to understand :-))).

OK - I think to cry a few hours about it would actually the best and come back if I (or the experts) know more.

Once again - big thx. to you.

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sorted the IE issue - I was missing a line of code and the file has been updated.

While I threw this together using Markup there is no reason why it cannot be done entirely in FW.

I don’t have time over the next day or so (going in for a minor Op) but should be able to do something Thursday evening.

BTW many thanks to Stu Nicholls at http://www.cssplay.co.uk for the original and for spotting my omission.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Good luck then and we await you back well.

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I am back Thomas, but not ‘fixed’. I got my pre-med and was taken to theatre but there was a problem with the theatre heating system and what with short staffing due to the horrendous snow and trauma patients being prioritised I didn’t get DONE!

My op was cancelled and I was sent home!

The bad news for you is that there appears to be no WSIWYG method in FW to achieve this and you are stuck with the markup way.

What I will try and do is put one together that at least contains the styles in the FW doc to make it easier to tweak it to the look you want even if the content of the ‘Risers’ has to be done/modified in Markup.

Or you may choose another method entirely - up to you.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Dave,

the worst case expecting something and preparing yourself on an event that doesn’t happen. So you have to wait another couple of days - but I’m with you.

Snow? We have had half a meter but then wheather decided to start with rain. Three days now - should finish my ark :slight_smile:

Well the riser - yes, it would be cool. But if there isn’t a chance to solve the “basic” construction within freeway …
sort of WYSIWYPTG (P=Pray original Walter), I don’t see it as entire useful.

All (sticking) bottom elements, expanding upwards seems to be anyway a freeway problem, except of extruder - I should have a look at this once again.

The fear in this: jQuery and Prototype - but that’s another story.

Whatever - much thanks for your help and efforts, appreciate this - always helpful stuff to the board coming up from good old scottland.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The advantage of my example is that it is pure CSS - no JS involved.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Dave,

I thank you for the example, I am using it in my site (www.olympiawindows.com/Test2/) and have a question.

Everything works OK in IE as well, but it doesn’t work in iPhone.
I am curious how it works, you say is all CSS, wouldn’t then work like the CSS Menu works, by touching the screen?

Just asking, thanks again for the example

Regards,
Emilio


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It uses Mouseover which is not supported in iOS

It could probably be altered to onClick but I haven’t dug that deep into it.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks for your response.

Happy Holidays!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I spoke too soon, It does not work on IE6, I know people should be shot for using Windows let alone IE. But they are shoppers too, can’t afford to alienate anyone nowadays.

Any idea why I get an “error on the script: Line 383, Character 3, Object Required”; when hovering over Riser

The page is: (www.olympiawindows.com/Test2/)

Don’t even know what it all means.

Thanks for any help, Emilio


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I don’t see anything on the page called Riser. Can you point that out
for me? Also, I see a mash of different bits of script in the source
for the page, can you tell me why the BBB button is JavaScripted into
place the way you have done? Did BBB give you that code and require
you to use it for some reason? I’ve always just used a straight
hyperlink to the URL they give you, seems to work fine. Look on http://goodserviceguide.com
for one example.

Walter

On Dec 14, 2010, at 8:35 PM, kitesurfer3 wrote:

I spoke too soon, It does not work on IE6, I know people should be
shot for using Windows let alone IE. But they are shoppers too,
can’t afford to alienate anyone nowadays.

Any idea why I get an “error on the script: Line 383, Character 3,
Object Required”; when hovering over Riser

The page is: (www.olympiawindows.com/Test2/)

Don’t even know what it all means.

Thanks for any help, Emilio


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options