<?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: New UI widgets: textpopup and hebrewKeyboard</title>
	<atom:link href="http://bililite.nfshost.com/blog/2009/01/02/new-ui-widgets-textpopup-and-hebrewkeyboard/feed/" rel="self" type="application/rss+xml" />
	<link>http://bililite.nfshost.com/blog/2009/01/02/new-ui-widgets-textpopup-and-hebrewkeyboard/</link>
	<description>Thoughts on web design and programming from a very occasional volunteer webmaster</description>
	<lastBuildDate>Thu, 10 May 2012 10:36:28 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
	<item>
		<title>By: Danny</title>
		<link>http://bililite.nfshost.com/blog/2009/01/02/new-ui-widgets-textpopup-and-hebrewkeyboard/comment-page-1/#comment-3779</link>
		<dc:creator>Danny</dc:creator>
		<pubDate>Mon, 28 Mar 2011 15:32:24 +0000</pubDate>
		<guid isPermaLink="false">http://bililite.nfshost.com/blog/?p=170#comment-3779</guid>
		<description>@Isaac:
Thanks for the feedback. My main concern is that the show/hide work with keyboard entry as well as with mouse clicks, and I suspect I would have to play with focus events, which are triggered after the blur events. This makes is hard to determine if the focus shifts from the input box to the popup, in which case you would &lt;em&gt;not&lt;/em&gt; want to hide the popup.
I may look at this later; right now I&#039;m playing with &lt;a href=&quot;/blog/2011/03/18/creating-pdfs-with-php/&quot; rel=&quot;nofollow&quot;&gt;PDF&lt;/a&gt;&#039;s.
--Danny</description>
		<content:encoded><![CDATA[<p>@Isaac:<br />
Thanks for the feedback. My main concern is that the show/hide work with keyboard entry as well as with mouse clicks, and I suspect I would have to play with focus events, which are triggered after the blur events. This makes is hard to determine if the focus shifts from the input box to the popup, in which case you would <em>not</em> want to hide the popup.<br />
I may look at this later; right now I&#8217;m playing with <a href="/blog/2011/03/18/creating-pdfs-with-php/" rel="nofollow">PDF</a>&#8216;s.<br />
&#8211;Danny</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Isaac</title>
		<link>http://bililite.nfshost.com/blog/2009/01/02/new-ui-widgets-textpopup-and-hebrewkeyboard/comment-page-1/#comment-3762</link>
		<dc:creator>Isaac</dc:creator>
		<pubDate>Sun, 27 Mar 2011 03:12:03 +0000</pubDate>
		<guid isPermaLink="false">http://bililite.nfshost.com/blog/?p=170#comment-3762</guid>
		<description>I just noticed that on the second time around, I left the class as plain &#039;hebrew&#039;, it was supposed to be &#039;hebrew-input&#039;. 
The way I put the comments also came out messed up.
Sorry.</description>
		<content:encoded><![CDATA[<p>I just noticed that on the second time around, I left the class as plain &#8216;hebrew&#8217;, it was supposed to be &#8216;hebrew-input&#8217;.<br />
The way I put the comments also came out messed up.<br />
Sorry.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Isaac</title>
		<link>http://bililite.nfshost.com/blog/2009/01/02/new-ui-widgets-textpopup-and-hebrewkeyboard/comment-page-1/#comment-3761</link>
		<dc:creator>Isaac</dc:creator>
		<pubDate>Sun, 27 Mar 2011 03:09:28 +0000</pubDate>
		<guid isPermaLink="false">http://bililite.nfshost.com/blog/?p=170#comment-3761</guid>
		<description>Danny,

Thanks for getting right back to the comment, although I cannot attest to it&#039;s elegance, what I ended up doing locally (outside of the script) that addressed the issue was as follows.
I commented although I am sure you are capable of figuring it out on your own :-).
Let me know if I went wrong on anything

Thanks again..


Here is the script - using multiple hebrew keyboard input fields as example.
//initially set the value to true so that when the popup is first clicked on, it does not dissapear 
mouse_inside=true;
//calling the hebrew keyboard on all fields with the hebrew-input class
        $(&#039;.hebrew-input&#039;).hebrewKeyboard();
//make the keyboard disappear when the input field loses focus - except when the mouse
//is hovering over the keyboard.
        $(&#039;.hebrew&#039;).focusout(function() {
//simple function to set mouse_inside based on it hovering over the textpopup area
// I suppose the following mouse test could have been done on the document.ready area, but I see no //harm in keeping it local
         $(&#039;.ui-textpopup-box&#039;).hover(function(){
              mouse_inside=true;
                 }, function(){
              mouse_inside=false;
          });
//hides the popup when mouse is no longer inside
        if(! mouse_inside) $(&#039;.ui-textpopup-box&#039;).hide();
//once the popup is hidden, change the mouse_inside back to true, otherwise the next time the popup //is called, it will disappear as soon as it is clicked on
        mouse_inside=true;
        });</description>
		<content:encoded><![CDATA[<p>Danny,</p>
<p>Thanks for getting right back to the comment, although I cannot attest to it&#8217;s elegance, what I ended up doing locally (outside of the script) that addressed the issue was as follows.<br />
I commented although I am sure you are capable of figuring it out on your own <img src='http://bililite.nfshost.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> .<br />
Let me know if I went wrong on anything</p>
<p>Thanks again..</p>
<p>Here is the script &#8211; using multiple hebrew keyboard input fields as example.<br />
//initially set the value to true so that when the popup is first clicked on, it does not dissapear<br />
mouse_inside=true;<br />
//calling the hebrew keyboard on all fields with the hebrew-input class<br />
        $(&#8216;.hebrew-input&#8217;).hebrewKeyboard();<br />
//make the keyboard disappear when the input field loses focus &#8211; except when the mouse<br />
//is hovering over the keyboard.<br />
        $(&#8216;.hebrew&#8217;).focusout(function() {<br />
//simple function to set mouse_inside based on it hovering over the textpopup area<br />
// I suppose the following mouse test could have been done on the document.ready area, but I see no //harm in keeping it local<br />
         $(&#8216;.ui-textpopup-box&#8217;).hover(function(){<br />
              mouse_inside=true;<br />
                 }, function(){<br />
              mouse_inside=false;<br />
          });<br />
//hides the popup when mouse is no longer inside<br />
        if(! mouse_inside) $(&#8216;.ui-textpopup-box&#8217;).hide();<br />
//once the popup is hidden, change the mouse_inside back to true, otherwise the next time the popup //is called, it will disappear as soon as it is clicked on<br />
        mouse_inside=true;<br />
        });</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Danny</title>
		<link>http://bililite.nfshost.com/blog/2009/01/02/new-ui-widgets-textpopup-and-hebrewkeyboard/comment-page-1/#comment-3729</link>
		<dc:creator>Danny</dc:creator>
		<pubDate>Thu, 24 Mar 2011 22:27:55 +0000</pubDate>
		<guid isPermaLink="false">http://bililite.nfshost.com/blog/?p=170#comment-3729</guid>
		<description>@Isaac:
You are right; the &quot;hide on click outside&quot; code attaches a click event to the body, and other textboxes don&#039;t bubble their events back up to the body. It never bothered me terribly, so I never changed it. I suppose you could watch for a blur event on the element and the popup and hide then. If you come up with an elegant answer, please let me know!
--Danny</description>
		<content:encoded><![CDATA[<p>@Isaac:<br />
You are right; the &#8220;hide on click outside&#8221; code attaches a click event to the body, and other textboxes don&#8217;t bubble their events back up to the body. It never bothered me terribly, so I never changed it. I suppose you could watch for a blur event on the element and the popup and hide then. If you come up with an elegant answer, please let me know!<br />
&#8211;Danny</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Isaac</title>
		<link>http://bililite.nfshost.com/blog/2009/01/02/new-ui-widgets-textpopup-and-hebrewkeyboard/comment-page-1/#comment-3728</link>
		<dc:creator>Isaac</dc:creator>
		<pubDate>Thu, 24 Mar 2011 19:56:40 +0000</pubDate>
		<guid isPermaLink="false">http://bililite.nfshost.com/blog/?p=170#comment-3728</guid>
		<description>First off, thanks for sharing the great stuff you made!
Second, I noticed that when moving from one element that has popup text to another (as well as the hebrew keyboard obviously) the first one does not get hidden. Am I missing something or does this have to be changed in the code?

Thanks.</description>
		<content:encoded><![CDATA[<p>First off, thanks for sharing the great stuff you made!<br />
Second, I noticed that when moving from one element that has popup text to another (as well as the hebrew keyboard obviously) the first one does not get hidden. Am I missing something or does this have to be changed in the code?</p>
<p>Thanks.</p>
]]></content:encoded>
	</item>
</channel>
</rss>

