<!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>