Попробовал но прошел только один вриант.
По-порядку
Нам понадобятся
1. jQuery
2. jqModal plugin
Шаг 1.
закачиваем jquery.js и jqModal.js и jqModal.css в нужную нам паку, а этот код помещаем в заголовок
< link rel='stylesheet' type='text/css' media='screen' href='yoursite.com/jqModal.css' />
< script src='http://yoursite.com/jquery.js' type='text/javascript'>
< script src='http://yoursite.com/jqModal.js' type='text/javascript'>
< script type="text/javascript">
$().ready(function() {
$('a.Favorites_Trigger') .click (function() {
$.get(this.href, function(data) {
$('ul.favoritesul > li')
.html(data);
});
return false;
});
});
только незабываем убрать пробел меджду < script
2. Выводим в нужном нам месте на странице следующий код
{if logged_in}
{exp:favorites:saved entry_id="{entry_id}"}
<ul class="favoritesul">
{if saved}
<li><em>Saved as a favorite.</em> <a class="Favorites_Trigger" href="{path='forms/favorite-add/'}{entry_id}/delete">Remove from favorites list?</a></li>
{/if}
{if not_saved}
<li><a class="Favorites_Trigger" href="{path='forms/favorite-add/'}{entry_id}">Add this item to your favorites?</a></li>
{/if}
</ul>
{/exp:favorites:saved}
{/if }
3. Шаблон favorite-add имеет следующий код
{exp:favorites:save}
Какие доработки хотелось бы видеть
1. Внизу допустим выводится список тех, кто добавил в избранное и их общее количество. Как не перезагружая страницу обновить это список?
2. Я не разобрался с кодом, который предлагал участник Maleika, а именно
Add the required HTML to your template (where you want the modal window to appear):
Example:
<div class="jqmAlert" id="ex3b">
<div id="ex3b" class="jqmAlertWindow">
<div class="jqmAlertTitle clearfix">
<a href="#" class="jqmClose"><em>Close</em></a>
</div>
<div class="jqmAlertContent">
<p>Please wait... <img src=/images/loading.gif" alt="loading" /></p>
</div>
</div>
</div>
Куда его следует вставлять?