Provides an stateful widget for adding or removing selected content from favorites that are stored in cookies.
$('.fav').favoriteWidget({id: 'http://www.example.com/articleX'});
Given we have <div class="fav"></div> and given content isn't in favorites,
the element becomes in plugin initialization as follow:
<div class="fav favoritewidget favoritewidget--addfav"><button>Add to favorites</button></div>
When clicking "Add to favorites" the element class would change to "favoritewidget--delfav":
<div class="fav favoritewidget favoritewidget--delfav"><button>Remove favorites</button></div>
If you want to bind event listeners when adding or removing:
$('.fav-event').favoriteWidget({
id: 'demoY', inlineElementClassName: 'btn btn-default',
addedCallback: function(event, data) {
alert('Added ' + data.id);
},
removedCallback: function(event, data) {
alert('Removed ' + data.id);
}
});
The state will remain across the requests because the state is stored in cookies.
$('.fav').favoriteWidget({
id: 'http://www.example.com/articleX',
cookieName: 'favoritewidget',
cookieOptions: {
expires: 365,
path: '/'
},
addToFavLabel: 'Add to favorites',
delFromFavLabel: 'Remove from favorites',
wrapperClassName: 'favoritewidget',
addClassName: 'favoritewidget--addfav',
delClassName: 'favoritewidget--delfav',
inlineElement: 'button',
inlineElementClassName: true
});
This project is dual licensed with MIT or GPL v3.