• Resolved sparkletack

    (@sparkletack)


    http://www.bryanfranklin.com/programs-and-events

    When you click on one of the mid-page tab links (ie “Facilitator’s Authoring Intensive”), a whole new body of text appears below it without reloading the screen. The tab changes color too.

    Anyone know how this effect is done? JQuery? Ajax? A plugin? Custom code?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Jonas Grumby

    (@ss_minnow)

    Thread Starter sparkletack

    (@sparkletack)

    Thanks, Jonas.

    I could use a hint as to which part of “conditional tags” that would be …

    Jonas Grumby

    (@ss_minnow)

    All that seems to be happening there is that the header image is changing. You can do that with if is_page.

    Thread Starter sparkletack

    (@sparkletack)

    The header image? It sounds like we might not be talking about the same thing.

    What I see changing is the headline and text underneath that series of three tabbed links mid-page.

    Click on “Mind, Money & Meaning” and the text underneath changes, without reloading anything else on the page.

    Jonas Grumby

    (@ss_minnow)

    IDK where you get the idea that the page is not reloading from. The entire page reloads for me.

    I think Jonas got the wrong end of the stick – what you’re looking at is an UI convention called “tabs”.

    The content is all loaded on the one page, but all but the current “tab” is hidden. jQuery (most likely) is then being used to show the content that you want to view when you click on the relevant tab and hide the others. The tab plug-in will also change the look of the current tab by changing the tab’s CSS.

    A quick search in Google/Bing/etc for “jQuery tabs” will bring forth a whole load of stuff on the subject, from simple jQuery plug-ins to how to create your own code.

    Have fun!

    Thread Starter sparkletack

    (@sparkletack)

    @petervandoorn: Aaaah, thank you so much! That’s definitely it.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘How is this inline-page-loading effect accomplished?’ is closed to new replies.