This was written largely to help me make sense of using UI to create my own widgets,
but I hope it may help others. "Widget" to me means a user-interface element, like
a button or something more complicated like a popup date picker, but in jQuery UI terms
it means a class, members of which are associated with HTML elements; things like
Draggable and
Sortable.
In fact, not everything that I would have called a widget uses $.widget; the UI datepicker does not.
Unfortunately, only the administrator seems to be able to use unfiltered HTML.
I also needed to use the Text Control plugin and set formatting to "No Formatting" to prevent escaping the single quotes. But it seems to work.
The Using Javascript page in the Codex says to include
common javascript files in your header.php file, but that means re-writing it whenever you change themes. I created a simple plugin that includes jQuery and ui.jquery on each page; it's
<?php
/*
Plugin Name: jQuery
Plugin URI: http://youngisrael-stl.org/wordpress/
Description: Includes the jQuery javascript framework (and the ui.jquery plugins) in your page, with some styling for <pre> elements
Author: Daniel Wachsstock
Version: 1.0
Author URI: http://youngisrael-stl.org/wordpress/
*/
function jQuery(){
echo '
<script type="text/javascript" src="http://www.google.com/jsapi?key=apikey"></script>
<script type="text/javascript">google.load("jquery","1");</script>
<script type="text/javascript" src="http://ui.jquery.com/js/ui.js" ></script>
<style>
pre {
background: #F4F4F4;
border: 1px solid #B2B2B2;
overflow: scroll;
}
</style>';
}
add_action('wp_head', 'jQuery');
?>
Replace apikey with your own Google API key.
author=shulman&tag=audio&tanach. Regular expressions won't work; but PHP allows you to use [] after a name and it automatically creates an array, so author=shulman&tag[]=audio&tag[]=tanach works (tag=audio&tag=tanach just overwrites the first tag).function shiurquery($get){
$ret = '1';
foreach($get as $query=>$item) $ret .= shiurquerystring($item, $query." REGEXP");
return $ret;
}
function shiurquerystring ($item, $query){
if (is_array($item))
return join (' AND ', array_map ('shiurquerystring', $item, array_fill(0, count($item), $query)));
return "$query\"$item\"";
}shiurquerystring uses array_map to recursively analyze each element of the array.
It's a bit obscure but works, and tighter than a for-each loop.shiurquerystring("shulman", "author REGEXP",) returns 'author REGEXP "shulman"' and
shiurquerystring(array("Tanach", "Audio"), "tag REGEXP")'tag REGEXP "Tanach" AND tag REGEXP "Audio"',shuirquery(parse_str("author=shulman&tag[]=Audio&tag[]=Tanach") returns'1 AND author REGEXP "shulman" AND tag REGEXP "Audio" AND tag REGEXP "Tanach'.It’s finally live: the redesigned Young Israel site. So far, the feedback has been all positive, and I figured I’d have more free time once it was done. But nooooooo: I’m going to have to reorganize the shiur archives; with Rabbi Shulman adding 2+ a week, it’s going to add up fast. I like the idea of organizing with tags, but right now the search is with regular expressions. Expressing ‘or’ is easy: tanach|kohelet. But is there a way to do ‘and’ with RE’s? Something like tanach&audio ? I don’t think so. So it’s back to the drawing board.
$(selector).keepaway(options) ,with options of
- jump: the distance to jump away from the mouse, in pixels; default 500
- speed: the speed to move (passed intact to the animate plugin); default 'fast'
- home: time to return to the starting position if nothing happens, in ms; default 1000
Have fun!
I had an idea to write a CSS parser to allow custom jQuery attributes, since a lot of the jQuery I use is more presentation than behavior, and the redesign of the YI website allows for switching stylesheets, which may require different plugins to be applied. My idea would be to allow something like:
div {
-jquery-round: 5;
-jquery-gradient: {from: ‘#008800′, to: ‘#000088′}
}
But I never did anything about until Andy Kent developed JSS which does something similar for CSS selectors that a browser can’t handle but that jQuery can. His code also includes a cache for selectors that implements partial selector caching (thus div span img would also search the cache for div and div span as well). I emailed him back and forth a few times, and made some suggestions; my best css parser and selector cache are available here (look at the code and use Firebug to look at the console). I still haven’t got the custom jQuery stuff together yet, but the pieces may be useful right now.