Source

Jquery Portlet /

Filename Size Date modified Message
css
js
tests
1.5 KB
1.3 KB
.. -*- restructuredtext -*-

==============
jquery-portlet
==============

|jp| is a `jQuery`_ widget that provides a lightweight content box with close and shrink buttons.

License
=======

|jp| is copyright (c) 2010, Alan Boyce and licensed under the BSD License. See the "LICENSE" file for details.

Setup
=====

#. |jp| requires jquery>=1.4.2 and jquery-ui>=1.82. To use jquery hosted via google, place the following in the ``<head>`` section of your html::

    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.js"></script>

#. Include jquery portlet files::
    
    <link rel="stylesheet" href="jquery.ui.portlet.css" type="text/css" media="screen">
    <script type="text/javascript" src="jquery.ui.portlet.js"></script>

Usage
=====

Any container you want to make into a portlet needs the following markup::

    <div id="portlet1" class="portlet">
        <div class="portlet-header">A title</div>
        <div class="portlet-content">the content</div>
    </div>


.. _`jQuery`: http://jquery.com/
.. |jp| replace:: jQuery Portlet