simplyeasy

bookmRk

in-page bookmarks

Have you ever read a website with some long and complicated tutorial wishing to have the option to bookmark some parts of the text?

jQuery plugin bookmRk enables your website's users to do that with simple interface to make navigating throught the bookmarks easier.

How to:

Just download it, unpack it somewhere, choose selector you want to make "bookmarkable" and include the whole thing in your header:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="bookmrk/jquery.bookmrk-0.9.js"></script>
<link type="text/css" href="bookmrk/jquery.bookmrk-0.9.css" rel="stylesheet" />
<script type="text/javascript"> 
    jQuery(document).ready(function() {
        $('p').bookmrk();
    });
</script>

Optionally, you can change default values - you just have to include bookmRk plugin with values of your choice:

<script type="text/javascript"> 
    jQuery(document).ready(function() {
        $('p').bookmrk({
            background: '#FFFFFF',  // determine background color of the bookmarks and their navigation
            color: '#C0C0C0',       // determine text color of the bookmarks and their navigation
            chars: 70,              // number of characters of the bookmarked content used in preview
            powered_by: false       // hide "powered by bookmRk" link (or support BookmaRk by not doing that)
        });
    });
</script>

Demo:

Click here to see bookmRk in action.

Share:

Need a freelance web developer? Check out www.simplyeasy.cz: high quality, creativity, friendly approach :-)