samples/jQueryPlugin-sample/src/main/webapp/sample_1.xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html" xmlns:sandbox="http://richfaces.org/sandbox/jQueryPlugin"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
<head>
    <title>jQueryPlugin sample</title>
    <a4j:loadStyle src="resource:///jquery.pnotify.xcss"/>
    <style type="text/css">
        #calendar {
            float: right;
            width: 200px;
        }
    </style>
</head>

<body>
<ui:include src="menu.xhtml"/>

<p>
    This sample shows how to load 2 different jQuery plugins </p>
<ul>
    <li>pnotify</li>
    <li>fullCalendar</li>
</ul>

<div id="calendar"></div>

<script type="text/javascript">
    jQuery("#calendar").fullCalendar({defaultView: 'month'});
    jQuery.pnotify({pnotify_title:'Hello!',pnotify_text:'I\'m a custom plugin',pnotify_hide:false});
</script>

<sandbox:jQueryPlugin src="/jquery.pnotify.js"/>
<sandbox:jQueryPlugin src="/fullcalendar.js"/>

<rich:insert src="/sample_1.xhtml" highlight="html"/>

</body>
</html>