Annotation
Annotate text is really useful feature in adobe or word etc.We are using it at many time.Suppose now you want to making annotation in your webpage then its possible using Annotation jQuery very easily. Its allowing you to select and annotate text, images, or (almost) anything else.
You can Download annotator jquery reference from below address.
then just give the reference of jquery to your page as below.
-----------------------------------XXXXXXXXXXXXX-------------------------------------
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.7.min.js" type="text/javascript"></script>
<script src="Scripts/annotator-full-1.2.3.min.js" type="text/javascript"></script>
<script src="Scripts/annotator.js" type="text/javascript"></script>
<script src="Scripts/annotator.store.min.js" type="text/javascript"></script>
<link href="css/annotator-1.2.3.min.css" rel="stylesheet" type="text/css" />
<link href="Scripts/annotator.min.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
jQuery(document).ready(function ($) {
var content = $('body').annotator()
content.annotator('addPlugin', 'Store', {
// The endpoint of the store on your server.
prefix: 'Annotations/AnnotationService.ashx',
// Attach the uri of the current page to all annotations to allow search.
annotationData: {
'docId': 'http://this/document/only'
},
// This will perform a "search" action rather than "read" when the plugin
// loads. Will request the last 20 annotations for the current url.
// eg. /store/endpoint/search?limit=20&uri=http://this/document/only
loadFromSearch: {
'limit': 20,
'docId': 'http://this/document/only'
},
urls: {
// These are the default URLs.
create: '?m=status',
read: '?m=search',
update: '?m=update&id=/:id',
destroy: '/?m=delete&id=/:id',
search: '?m=search'
}
});
});
</script>
</head>
----------------------------------------XXXXXXXXXX-------------------------------
If you want to Store Annotation details in your db then its also posible using Mailing me at mit.jack@yahoo.in
No comments:
Post a Comment