Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Demonstrates the use of the compass-jquery-plugin.
JavaScript Ruby PHP

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
app
config
db
doc
lib
public
script
spec
test
vendor/plugins
.gitignore
.loadpath
.project
README.textile
Rakefile

README.textile

compass-jquery-plugin

Get gem from Gemcutter.
Get source from github.

Description

A Sass-based Meta-Framework for Compass that allows you to mix and match any of the following:

  • jRails with jQuery 1.4.2 and jQuery.UI 1.8.2 including themes
  • jquery.dynatree.js V0.5.3
  • jquery.ribbon.js
  • jquery.jqGrid.js V3.7.1 (with minor changes to make in RESTful)
  • jquery.jqtouch.js V1.0b2

This library requires Compass.

jRails, jQuery and jQuery.UI including themes

Use compass to install the jRails, jQuery and jQuery.UI javascript library including themes into your project.

For jQuery:

compass install [-r jquery] jquery/jrails 

You will find all the stylesheets in easy-to-read Sass format at:

stylesheets/jquery.ui

To use the localized stylesheets and javacripts for jQuery include (using the rails_xss plugin):

= stylesheet_link_tag "compiled/jquery.ui/[theme].css", :media => 'screen, projection'
= javascript_include_tag :defaults
= raw jrails_javascripts(I18n.locale)

alternatively you can include:


= stylesheet_link_tag “compiled/jquery.ui/[theme].css”, :media => ‘screen, projection’
= javascript_include_tag :jquery_142 (or :jquery_132)
= javascript_include_tag :jrails
= raw jrails_javascripts(I18n.locale)

into your layouts.

jQuery Dynatree Plugin

Use compass to install the jQuery Dynatree javascript library into your project.

compass install [-r jquery] jquery/dynatree <project name>

You will find all the stylesheets in easy-to-read Sass format at:

stylesheets/jquery.ui

To use the localized stylesheets and javacripts include:

= stylesheet_link_tag 'compiled/jquery.ui/dynatree.[skin].css', :media => 'screen, projection'
= javascript_include_tag :dynatree

jQuery Ribbon Plugin

Use compass to install the jQuery Ribbon javascript library into your project.

compass install [-r jquery] jquery/ribbon <project name>

You will find all the stylesheets in easy-to-read Sass format at:

stylesheets/jquery.ui

To use the localized stylesheets and javacripts include:

= stylesheet_link_tag 'compiled/jquery.ui/ribbon.[theme].css', :media => 'screen, projection'
= javascript_include_tag :ribbon

jqGrid

Use compass to install the jqGrid javascript library into your project.

compass install [-r jquery] jquery/jqgrid <project name>

You will find the jqGrid stylesheet in easy-to-read Sass format at:

stylesheets/jquery.ui

To use the localized stylesheets and javacripts include:

= stylesheet_link_tag 'compiled/jquery.ui/jqGrid.css', :media => 'screen, projection'
= raw jqgrid_javascripts(I18n.locale)

Secret Sauce

Use compass to install the Secret Sauce for jqGrid javascript library into your project.

compass install [-r jquery] jquery/secret_sauce <project name>

You will find all the stylesheets in easy-to-read Sass format.

stylesheets/jquery.ui

To use the localized stylesheets and javacripts include:

= stylesheet_link_tag 'compiled/jquery.ui/secret_sauce.css', :media => 'screen, projection'
= javascript_include_tag :secret_sauce

jqIcal

Use compass to install the jqIcal javascript library into your project.

compass install [-r jquery] jquery/jqical <project name>

You will find all the stylesheets in easy-to-read Sass format.

stylesheets/jquery.ui

To use the (localized) stylesheets and javacripts include:

  = stylesheet_link_tag 'compiled/jquery.ui/jqical.css', :media => 'screen, projection'
  = javascript_include_tag :jqical

jQTouch

Use compass to install the jQTouch javascript library into your project.

compass install [-r jquery] jquery/jqtouch <project name>

You will find all the stylesheets in easy-to-read Sass format at:

stylesheets/jqtouch

To use the localized stylesheets and javacripts include:

= stylesheet_link_tag 'compiled/jqtouch/[theme].css', :media => 'screen, projection'
= javascript_include_tag :jqtouch'

There is iPhone lookalike stylesheet using an IFrame available for tests without a iPhone. You can include it by

= stylesheet_link_tag 'compiled/jqtouch/iphone-emulator.css', :media => 'screen, projection'

Thanks to the Contributors:

Rails

jQuery Plugins included

Note on Patches/Pull Requests

  • Fork the project.
  • Make your feature addition or bug fix.
  • Add tests for it. This is important so I don’t break it in a
    future version unintentionally.
  • Commit, do not mess with rakefile, version, or history.
    (if you want to have your own version, that is fine but
    bump version in a commit by itself I can ignore when I pull)
  • Send me a pull request. Bonus points for topic branches.

Copyright

Copyright © 2009-2010 Kosmas Schuetz. See LICENSE for details.

Something went wrong with that request. Please try again.