• 1
• 2
• 3
• 4
• 5

action add added ajax called clean click clicked code comment comments content contents create data dd december details div ee entries entry expressionengine featured features file form functionality functionrequest gallery group html id image images include index item jambor javascript large li lia limit link list notice onclick oncomplete onloading page part place prototype replaced script section server showcase single site system template templates text thumb thumbnail thumbnails title true typetextjavascript ul url user weblog webloggallery

Keyword Cloud Navigation Map

As the introduction said I’m going to show you how I added the Ajax functionality to the Jambor-ee homepage, or more specifically, how you can replace certain content (in our case the showcase site details) through a user click without the need for a page refresh.

A few notes to begin with

1. We’re going to make sure the additional functionality doesn’t get in the way of those people or devices without javascript enabled.
2. We’re also going to make sure our templates are kept clean of inline javascript.
3. We’re going to be using the prototype library.

So, taking the Jambor-ee homepage as an example we’re going to display some teasers from a gallery (showcase). There’ll be one “featured” item with a large image, title, text extract, and a link for more info. There’ll also be some further thumbs which once clicked, will replace the featured item. Without javascript enabled, clicking on the thumbnails or the featured item will take the user directly to that item’s single entry page.

Read Full Tutorial...