Viewing Transitions

Transitions



User: JR K. 9 years ago
I have this website that I am making here: http://www.worshipatthemountaintop.org/test/index.hmtl
I want the top of the page to stay while the rest of the page changes like seen on this website here: http://www.mtmbap.org
How would I do that in Everweb, if it is possible?
User: Jumbo T. 9 years ago
Start by looking at the source of the page to find out how it's done.

http://www.mtmbap.org

The page uses AJAX and JSON :

http://www.google.com/search?q=what+is+AJAX
http://www.google.com/search?q=what+is+JSON

Once you know, you can do it in Everweb.

And instead of JSON, you can use text files as content.

Last edit 9 years ago
User: Roddy 9 years ago
You can't do this in EverWeb simply because of the limitation of the fixed page height. You can do a similar sort of thing using jQuery Tabs although you would need to dispense with the footer or include it in the tabs.

You can see how to create tabs in EverWeb the east way here…

http://everwebcodebox.com/containers/tabs.html

or use the widget…

http://everwebcodebox.com/widgetbox/more/tabs.html

It would be a question of making the tabs the full page width with no border and separating the navigation tabs from the content panels. Here's an old demo of a responsive website using jQuery tabs which will give you an idea of how it all works…

http://ezmacwebdesign.com/Demo/EasyTabsJS/

There's a link to the developer's site in the header.

This site was creating in a code editor on a single HTML doc. Obviously, you can't do this in EverWeb - or have the moving footer. I have linked to it just to show how the navigation can be separated from the tabs.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Jumbo T. 9 years ago
AJAX works perfectly in EW :

http://trotter.is-best.net/ewajax/

Code (paste in HTML Snippet) :

http://trotter.is-best.net/ewajax/ajax.txt

Text files (put on server) :

http://trotter.is-best.net/ewajax/text_one.txt
http://trotter.is-best.net/ewajax/text_two.txt
User: Roddy 9 years ago
@ Jumbo T. - I didn't say that Ajax doesn't work in EW. I said that the web design the OP referred to wouldn't because of the footer problem.

Also, I don't image that the OP wants to load plain text into his website. It's a lot easier to use pages created in EverWeb as I did in the example above.

@ JR K - Here's an example with the tabs styled like a navigation menu…

http://everwebcodebox.com/widget-test/tabs.html

I have made the colored divs with varying heights so that you can see how different page content makes it kind of pointless to use the EverWeb created footer which is static.

I suppose you could position the footer so that it is positioned correctly for the home page but it will look out of place when pages with less content are used. It would be far better to put the footer content in the tab panels if it's necessary to be viewable on every page of the site.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Jumbo T. 9 years ago
The last time I looked all webpages were plaintext.

And if it confuses the user, change the extension to .html

The result is the same.
User: Roddy 9 years ago
Most people use EverWeb because they can't, or don't want to, use HTML.

If you look at the OP's website you'll see that there's a little more than just text in it! There's not much point in proposing solutions that are beyond the average user.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.