<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>philpalmieri &#187; jquery</title>
	<atom:link href="http://philpalmieri.com/category/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://philpalmieri.com</link>
	<description>php, codeigniter, mysql, jquery, as3 &#38; flex</description>
	<lastBuildDate>Sat, 03 Apr 2010 04:51:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>jQuery Plugin/Widget Quick Screencasts</title>
		<link>http://philpalmieri.com/2009/09/jquery-pluginwidget-quick-screencasts/</link>
		<comments>http://philpalmieri.com/2009/09/jquery-pluginwidget-quick-screencasts/#comments</comments>
		<pubDate>Fri, 18 Sep 2009 00:37:01 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[jquery ui]]></category>
		<category><![CDATA[screencast]]></category>

		<guid isPermaLink="false">http://philpalmieri.com/?p=160</guid>
		<description><![CDATA[I have been toying with the idea of putting up a series of 5-10 minute screencasts.  To start I am going to focus on the default jQuery UI widgets, and then pick and choose the most commonly used plugins. Although the widgets are pretty self-explanatory the documentation may be confusing to a new jQuery user [...]]]></description>
			<content:encoded><![CDATA[<p>I have been toying with the idea of putting up a series of 5-10 minute screencasts.  To start I am going to focus on the default jQuery UI widgets, and then pick and choose the most commonly used plugins. Although the widgets are pretty self-explanatory the documentation may be confusing to a new jQuery user in regards to settings, effects, or anything beyond the default demo.</p>
<p>I am going to start with the simple defaults of Tabs or Dialog, then go in depth with effects, and different options and uses for the widget(s).</p>
<link type="text/css" rel="stylesheet" href="http://philpalmieri.com/wp-content/plugins/surveys/style.css" />
<script type="text/javascript" src="http://philpalmieri.com/wp-includes/js/jquery/jquery.js"></script>
<script type="text/javascript" src="http://philpalmieri.com/wp-content/plugins/surveys/script.js"></script>

<div class="survey-area ">
<form action="" method="post" class="survey-form" id="survey-1">
<div class='survey-question' id='question-1'>Which of these jQuery UI Plugins / Widgets would you be interested in seeing a screencast on?  (select as many as you would like, or add your own answer from a 3rd party plugin)
<input type='hidden' name='question_id[]' value='1' />
<br /><input type='checkbox' name='answer-1[]' id='answer-id-1' class='answer' value='1' />
<label for='answer-id-1'>Tabs Widget</label><br />
<input type='checkbox' name='answer-1[]' id='answer-id-2' class='answer' value='2' />
<label for='answer-id-2'>Dialog Widget</label><br />
<input type='checkbox' name='answer-1[]' id='answer-id-3' class='answer' value='3' />
<label for='answer-id-3'>Calendar Widget</label><br />
<input type='checkbox' name='answer-1[]' id='answer-id-4' class='answer' value='4' />
<label for='answer-id-4'>Progress Bar</label><br />
<input type='checkbox' name='answer-1[]' id='answer-id-5' class='answer' value='5' />
<label for='answer-id-5'>Write your own Plugin</label><br />
<input type='checkbox' name='answer-1[]' id='answer-id-5' class='answer' value='user-answer' />
<input type='text' name='user-answer-1' class='user-answer' value='' /><br />
</div>

<br />
<input type="button" id="survey-next-question" value="Next &gt;"  /><br />

<input type="submit" name="action" id="survey-action-button" value="Submit Survey"  />
<input type="hidden" name="survey_id" value="1" />
</form>

<script type="text/javascript">survey_questions_per_page = 1;</script>
</div>


]]></content:encoded>
			<wfw:commentRss>http://philpalmieri.com/2009/09/jquery-pluginwidget-quick-screencasts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>idleTimeout &#8211; jQuery Idle Session Auto Timeout with Prompt</title>
		<link>http://philpalmieri.com/2009/09/jquery-session-auto-timeout-with-prompt/</link>
		<comments>http://philpalmieri.com/2009/09/jquery-session-auto-timeout-with-prompt/#comments</comments>
		<pubDate>Wed, 02 Sep 2009 00:59:15 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://philpalmieri.com/?p=125</guid>
		<description><![CDATA[Update: I just added a CC license (see below) and renamed this project idleTimeout I just finished the first draft of idleTimeout -  jQuery auto prompt / logout / session expire plugin.  It is fairly simple, but seems to work well for my needs. Installation is simple: grab a copy of jquery-idleTimeout.js , include it in [...]]]></description>
			<content:encoded><![CDATA[<blockquote><p>Update: I just added a CC license (see below) and renamed this project idleTimeout</p></blockquote>
<p>I just finished the first draft of idleTimeout -  jQuery auto prompt / logout / session expire plugin.  It is fairly simple, but seems to work well for my needs.</p>
<p><a style="text-decoration: none;" href="http://philpalmieri.com/wp-content/uploads/2009/09/session-timeout.png"><img class="aligncenter size-medium wp-image-135" title="session-timeout" src="http://philpalmieri.com/wp-content/uploads/2009/09/session-timeout-550x459.png" alt="session-timeout" width="550" height="459" /></a></p>
<p><span id="more-125"></span></p>
<p>Installation is simple: grab a copy of <a title="jQuery Timed Logout plugin" href="http://philpalmieri.com/js_sandbox/timedLogout/jquery-idleTimeout.js" target="_blank">jquery-idleTimeout.js</a> , include it in your page, and activate it.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">/** Run with defaults **/</span>
  $<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
    $<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">idleTimeout</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>


<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">/** With Optional Overrides **/</span>
  $<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
    $<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">idleTimeout</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
      inactivity<span style="color: #339933;">:</span> <span style="color: #CC0000;">30000</span><span style="color: #339933;">,</span>
      noconfirm<span style="color: #339933;">:</span> <span style="color: #CC0000;">10000</span><span style="color: #339933;">,</span>
      sessionAlive<span style="color: #339933;">:</span> <span style="color: #CC0000;">10000</span>
    <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<blockquote><p><em>Note:  This uses the jQuery UI dialog, and UI themes.  I am working on a non UI version &#8211; but it may be a while</em></p></blockquote>
<p>I have an <a title="jQuery auto logout timer" href="http://www.philpalmieri.com/js_sandbox/timedLogout/" target="_blank">active demo here</a> &#8211; it is running on a 30 second timer for the logout, and if you open firebug you will see the keep alive firing every 10 seconds.</p>
<p>The plugin has a few configuration items so you can customize it for your own needs&#8230;</p>
<ul>
<li><strong>inactivity</strong>: 1200000 //20 Minute default (how long before showing the notice)</li>
<li><strong>sessionAlive</strong>: 300000, //5 minutes default how often to hit alive_url, we use for our ajax interfaces where the page doesn&#8217;t change very often. This helps to prevent the logout screen of your app appearing in ajax callbacks.  If you set this to false it won&#8217;t send off.</li>
<li><strong>alive_url</strong>: &#8216;/path/to/your/imHere/url&#8217;, //send alive ping to this url</li>
<li><strong>redirect_url</strong>: &#8216;/js_sandbox/&#8217;, //Where to go when log out</li>
<li><strong>click_reset</strong>: true, //Reset timeout on clicks (for ajax interface) &#8211; resets the sessionAlive timer, so we are not hitting up your app with alive_url if we just did an ajax call for another  reason.</li>
<li><strong>logout_url</strong>: &#8216;/js_sandbox/timedLogout/index.html&#8217; //logout before redirect (url so you can completely destroy the session before redirecting to login screen)</li>
</ul>
<p><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/us/"><img style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/us/80x15.png" alt="Creative Commons License" /></a><br />
<span>idleTimeout</span> by <a rel="cc:attributionURL" href="philpalmieri.com">Phillip Palmieri</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 United States License</a>.</p>
<p>Please let me know if you are using it, or if you have any ideas to make it better!</p>
<p>Thanks,<br />
Phil</p>
]]></content:encoded>
			<wfw:commentRss>http://philpalmieri.com/2009/09/jquery-session-auto-timeout-with-prompt/feed/</wfw:commentRss>
		<slash:comments>44</slash:comments>
		</item>
		<item>
		<title>Dropdown Select Feed Widget</title>
		<link>http://philpalmieri.com/2008/08/dropdown-select-feed-widget/</link>
		<comments>http://philpalmieri.com/2008/08/dropdown-select-feed-widget/#comments</comments>
		<pubDate>Thu, 07 Aug 2008 19:43:46 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://philpalmieri.com/?p=122</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://philpalmieri.com/2008/08/dropdown-select-feed-widget/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
