AJAX Favorites + AJAX Favorites Counter
HEAD:
< script type="text/javascript" src="/jquery/jquery.js">< / script>
< script>
$().ready(function() {
{exp:weblog:entries weblog="{my_weblog}" orderby="date" sort="desc" limit="10" rdf="off" disable="member_data|trackbacks"}
$('a.Favorites_Trigger_{entry_id}') .click (function() {
$.get(this.href, function(data) {
$('span.favoritesspan_{entry_id}')
.html(data);
});
return false;
});
{/exp:weblog:entries}
});
< / script>
BODY:
{if logged_in}
{exp:favorites:saved entry_id="{entry_id}"}
{if saved}
<span class="favoritesspan_{entry_id}"><em>Saved as a favorite.</em> <a class="Favorites_Trigger_{entry_id}" href="{path='{my_template_group}/favorite_add/'}{entry_id}/delete">Remove from favorites list?</a><br />Favorites: {exp:favorites:entry_count entry_id="{entry_id}"}{favorites_count}{/exp:favorites:entry_count}<br /></span></a>
{/if}
{if not_saved}
<span class="favoritesspan_{entry_id}"><a class="Favorites_Trigger_{entry_id}" href="{path='{my_template_group}/favorite_add/'}{entry_id}">Add this item to your favorites?</a><br />Favorites: {exp:favorites:entry_count entry_id="{entry_id}"}{favorites_count}{/exp:favorites:entry_count}</span></li>
{/if}
{/exp:favorites:saved}
<br />
{/if}
favorite_add:
{exp:favorites:save}<br />Favorites: {exp:favorites:entry_count}{favorites_count}{/exp:favorites:entry_count}
And you get:
1)
Add this item to your favorites?
Favorites: 0
2) After adding a favorite with AJAX:
Your favorite has been successfully added.
Favorites: 1
3) And after reloading the page:
Saved as a favorite. Remove from favorites list?
Favorites: 1
4) After removing with AJAX:
Your favorite has been successfully deleted.
Favorites: 0