Title: PerformerJS Author: Chris Taylor Published: December 8, 2009 Last modified: April 20, 2015 --- Search plugins This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://s.w.org/plugins/geopattern-icon/performerjs.svg) # PerformerJS By [Chris Taylor](https://profiles.wordpress.org/mrwiblog/) [Download](https://downloads.wordpress.org/plugin/performerjs.zip) * [Details](https://pcd.wordpress.org/plugins/performerjs/#description) * [Reviews](https://pcd.wordpress.org/plugins/performerjs/#reviews) * [Installation](https://pcd.wordpress.org/plugins/performerjs/#installation) * [Development](https://pcd.wordpress.org/plugins/performerjs/#developers) [Support](https://wordpress.org/support/plugin/performerjs/) ## Description For beginners: Ever wanted to put those really great effects on your website, but didn’t know how to start? Yeah, so have we. That’s why we wrote [Performer](http://performerjs.org)– to take away the pain. AJAX, toggling visibility, form and password checking, tabbing, inline editing and more. We’ve got it all. Check out [all the features here](http://performerjs.org/docs), or download the PerformerJS plugin to get started. For intermediate developers: Performer allows you to easily add JavaScript features – like AJAX stuff – to your pages using nothing but CSS classes and other standard element attributes, like rel and rev. There are [a wide range of features available](http://performerjs.org/docs) and Performer works with jQuery, MooTools and Prototype. For advanced developers: Prototype allows you to easily add JavaScript features to your pages using nothing but CSS classes and other standard element attributes. Using the power of a JavaScript library (there’s a list of libraries Performer supports below) means you have to write less JavaScript code to get things done. But even that isn’t enough. For simple effects and functions wouldn’t it be great to add the JavaScript functionality as you build the HTML of a page? See the Getting Started section for some simple examples. To be clear; Performer works with your JavaScript library to make it easier to add simple functionality to your page. While it may be possible to write an entire complex web application interface using Performer, I don’t recommend it. Check out [the Documentation](http://performerjs.org/docs) for full details on all features Performer supports. And if you don’t have one of the supported JavaScript libraries already in use on your site, PerformerJS will automatically include the latest version of [jQuery](http://jquery.com) from the Google AJAX API site. ## Installation Put the plugin into your /wp-content/plugins/ folder and activate using the Manage Plugins screen. The files should be at the following locations: /wp-content/plugins/performerjs/ /wp-content/plugins/performerjs/index.php /wp- content/plugins/performerjs/performer-min.js ## FAQ What is Performer? PerformerJS allows you to add really cool effects and features to your website by doing some simple editing of the HTML code in your pages. It allows you to affect stuff on your page, just like the clever JavaScript guys do, without writing any JavaScript. Yes, even AJAX. Why did you write this plugin? I think that Performer has the potential to make life much easier for website developers who want to get the basics done quickly. A lot of those developers use WordPress to create sites, so a simple plugin was a no-brainer. How does Performer work? Performer is pretty simple. First it detects if one of the supported JavaScript libraries is present (jQuery, MooTools and Prototype). If so it goes through the page looking for Performer CSS classes (such as ‘toggler’, ‘loader’ and ‘pager’). Based on other CSS classes – which I call ‘CSS-parameters’ – Performer sets up simple JavaScript listeners to catch interaction events. For example, for every ‘toggler’ link on the page Performer will attach a click listener to the link so then it is clicked the visibility of the target element is toggled. Simples. There’s loads more information in [the Documentation](http://performerjs.org/docs). And the WordPress plugin? This plugin simply includes the Performer JavaScript file using the ‘admin_head’( yes, Performer in the admin area) and ‘wp_footer’ hooks. However it first checks to see if one of the support JavaScript libraries is present, and if not includes the jQuery library using the Google AJAX API. ## Reviews ![](https://secure.gravatar.com/avatar/b6c12c3e10de96dfbc2665e189ab83bed1d0e0e0ca3e51f7e4c834510d24d2a4? s=60&d=retro&r=g) ### 󠀁[must-have!](https://wordpress.org/support/topic/must-have-274/)󠁿 [Earnie Rhyker](https://profiles.wordpress.org/rhyker2u/) January 11, 2017 Just found about the existence of this plugin, and wish I had it months ago! Would have saved sooooo much work. Thanks so much for releasing this! [ Read all 1 review ](https://wordpress.org/support/plugin/performerjs/reviews/) ## Contributors & Developers “PerformerJS” is open source software. The following people have contributed to this plugin. Contributors * [ Chris Taylor ](https://profiles.wordpress.org/mrwiblog/) [Translate “PerformerJS” into your language.](https://translate.wordpress.org/projects/wp-plugins/performerjs) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/performerjs/), check out the [SVN repository](https://plugins.svn.wordpress.org/performerjs/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/performerjs/) by [RSS](https://plugins.trac.wordpress.org/log/performerjs/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.5 Made plugin handle non-standard plugin directories. Tested up to 4.2. #### 1.0.4 Added delay parameter to Looper, allowing for slideshows. Fixed some bugs. #### 1.0.3 Fixed 3 bugs #### 1.0.1 Updated to version 1.0.1 of the library, enabled loading of customised jQuery, Prototype and MooTools version #### 1.0 Updated to version 1.0 of the library #### 0.8 Initial plugin version, numbered 0.8 to keep up with the version of the Performer JavaScript library itself. ## Meta * Version **1.0.5** * Last updated **11 years ago** * Active installations **10+** * WordPress version ** 2.7 or higher ** * Tested up to **4.2.39** * Language * [English (US)](https://wordpress.org/plugins/performerjs/) * Tags * [css](https://pcd.wordpress.org/plugins/tags/css/)[html](https://pcd.wordpress.org/plugins/tags/html/) [interaction](https://pcd.wordpress.org/plugins/tags/interaction/)[javascript](https://pcd.wordpress.org/plugins/tags/javascript/) * [Advanced View](https://pcd.wordpress.org/plugins/performerjs/advanced/) ## Ratings 5 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/performerjs/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/performerjs/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/performerjs/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/performerjs/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/performerjs/reviews/?filter=1) [Add my review](https://wordpress.org/support/plugin/performerjs/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/performerjs/reviews/) ## Contributors * [ Chris Taylor ](https://profiles.wordpress.org/mrwiblog/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/performerjs/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](http://www.stillbreathing.co.uk/donate/)