<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Comments on: Making the Tab Key work with JEditable Fields</title>
	<atom:link href="http://www.korvus.com/blog/geek/making-the-tab-key-work-with-jeditable-fields/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.korvus.com/blog/geek/making-the-tab-key-work-with-jeditable-fields/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=making-the-tab-key-work-with-jeditable-fields</link>
	<description></description>
	<lastBuildDate>Mon, 21 Feb 2011 15:07:01 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
	<item>
		<title>By: goddammit</title>
		<link>http://www.korvus.com/blog/geek/making-the-tab-key-work-with-jeditable-fields/#comment-51</link>
		<dc:creator>goddammit</dc:creator>
		<pubDate>Mon, 21 Feb 2011 15:07:01 +0000</pubDate>
		<guid isPermaLink="false">http://www.korvus.com/blog/news/making-the-tab-key-work-with-jeditable-fields/#comment-51</guid>
		<description>please can u give an example how to combine this code with the .dblclick event and all that stuff.

so far i got this working:

$(function() {
	$(&quot;.dblclick&quot;).editable(&quot;&lt;?php print $url ?&gt;save.php&quot;, { 
		type   : &quot;text&quot;,
	    select : true,
		indicator 	: &quot;&lt;img src=&#039;img/indicator.gif&#039;&gt;&quot;,
		tooltip   	: &quot;Doubleclick to edit...&quot;,
		event     	: &quot;dblclick&quot;,
 		id			: &#039;id&#039;,
		style  		: &quot;inherit&quot;,
		submitdata 	: function(value, settings) { return { 
			field_type		: $(this).attr(&#039;name&#039;), 				// define column of table
			master_id		: $(this).parents(&quot;tr&quot;).attr(&#039;id&#039;), 	// define table row
			selected_table	: $(this).parents(&quot;table&quot;).attr(&#039;id&#039;) 	// define name of TABLE to edit
		}; }
	});
});


but how can i combine it with TAB key?

thx in advance!!!</description>
		<content:encoded><![CDATA[<p>please can u give an example how to combine this code with the .dblclick event and all that stuff.</p>
<p>so far i got this working:</p>
<p>$(function() {<br />
	$(&quot;.dblclick&quot;).editable(&quot;&lt;?php print $url ?&gt;save.php&quot;, {<br />
		type   : &quot;text&quot;,<br />
	    select : true,<br />
		indicator 	: &quot;&lt;img src=&#039;img/indicator.gif&#039;&gt;&quot;,<br />
		tooltip   	: &quot;Doubleclick to edit&#8230;&quot;,<br />
		event     	: &quot;dblclick&quot;,<br />
 		id			: &#039;id&#039;,<br />
		style  		: &quot;inherit&quot;,<br />
		submitdata 	: function(value, settings) { return {<br />
			field_type		: $(this).attr(&#039;name&#039;), 				// define column of table<br />
			master_id		: $(this).parents(&quot;tr&quot;).attr(&#039;id&#039;), 	// define table row<br />
			selected_table	: $(this).parents(&quot;table&quot;).attr(&#039;id&#039;) 	// define name of TABLE to edit<br />
		}; }<br />
	});<br />
});</p>
<p>but how can i combine it with TAB key?</p>
<p>thx in advance!!!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: LuPuS</title>
		<link>http://www.korvus.com/blog/geek/making-the-tab-key-work-with-jeditable-fields/#comment-43</link>
		<dc:creator>LuPuS</dc:creator>
		<pubDate>Tue, 26 Oct 2010 22:35:45 +0000</pubDate>
		<guid isPermaLink="false">http://www.korvus.com/blog/news/making-the-tab-key-work-with-jeditable-fields/#comment-43</guid>
		<description>this script not work (i don&#039;t know why) with my webpage and i made a change and it works...

            j(&#039;.editable_div_a&#039;).bind(&#039;keydown&#039;, function(evt) {
                if(evt.keyCode==9) {
                    j(this).find(&quot;input&quot;).blur();
                    var nextBox=&#039;&#039;;
                    var idx = j(&quot;.editable_div_a&quot;).index(this);
                     if (j(&quot;.editable_div_a&quot;).index(this) == (j(&quot;.editable_div_a&quot;).length-1)) {
                            idx = 0;
                            nextBox=j(&quot;.editable_div_a:first&quot;);         //last box, go to first
                        } else {
                            idx = idx+1;
                            nextBox=j(this).next(&quot;.editable_div_a&quot;);    //Next box in line
                        }
                    j(&#039;.editable_div_a:eq(&#039;+idx+&#039;)&#039;).trigger(&#039;click&#039;)
                    return false;           //Suppress normal tab
                };
            })</description>
		<content:encoded><![CDATA[<p>this script not work (i don&#039;t know why) with my webpage and i made a change and it works&#8230;</p>
<p>            j(&#039;.editable_div_a&#039;).bind(&#039;keydown&#039;, function(evt) {<br />
                if(evt.keyCode==9) {<br />
                    j(this).find(&quot;input&quot;).blur();<br />
                    var nextBox=&#039;&#039;;<br />
                    var idx = j(&quot;.editable_div_a&quot;).index(this);<br />
                     if (j(&quot;.editable_div_a&quot;).index(this) == (j(&quot;.editable_div_a&quot;).length-1)) {<br />
                            idx = 0;<br />
                            nextBox=j(&quot;.editable_div_a:first&quot;);         //last box, go to first<br />
                        } else {<br />
                            idx = idx+1;<br />
                            nextBox=j(this).next(&quot;.editable_div_a&quot;);    //Next box in line<br />
                        }<br />
                    j(&#039;.editable_div_a:eq(&#039;+idx+&#039;)&#039;).trigger(&#039;click&#039;)<br />
                    return false;           //Suppress normal tab<br />
                };<br />
            })</p>
]]></content:encoded>
	</item>
</channel>
</rss>

