<?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>Der Gleisarbeiter &#187; jQuery</title>
	<atom:link href="http://www.gleisarbeiter.de/category/javascript/jquery-javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.gleisarbeiter.de</link>
	<description></description>
	<lastBuildDate>Wed, 19 Oct 2011 14:38:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Problem mit JQuery Autocomplete im IE und Opera</title>
		<link>http://www.gleisarbeiter.de/2009/12/16/problem-mit-jquery-autocomplete-im-ie-und-opera/</link>
		<comments>http://www.gleisarbeiter.de/2009/12/16/problem-mit-jquery-autocomplete-im-ie-und-opera/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 08:52:57 +0000</pubDate>
		<dc:creator>gleisarbeiter</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[autocomplete]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Scrollbar]]></category>

		<guid isPermaLink="false">http://www.gleisarbeiter.de/?p=139</guid>
		<description><![CDATA[Bei einem Autocomplete Input-Feld mit JQuery (Autocomplete-Plugin von pengoworks.com), bei dem viele Elemente zurückgeliefert wurden, entstand eine Scrollbar in dem Resultate-Div. Das Problem: Ein Klick auf die Scrollbar im IE oder Opera klappte die gesamte Resultate-Liste zu, anscheinend auf Grund eines Javascript-Events blur() auf dem Input-Feld. Durch dieses Event wurde die Resultate-Liste geschlossen. Mein Fix [...]]]></description>
			<content:encoded><![CDATA[<p>Bei einem Autocomplete Input-Feld mit JQuery (Autocomplete-Plugin von <a href="http://www.pengoworks.com/workshop/jquery/autocomplete.htm">pengoworks.com</a>), bei dem viele Elemente zurückgeliefert wurden, entstand eine Scrollbar in dem Resultate-Div. Das Problem: Ein Klick auf die Scrollbar im IE oder Opera klappte die gesamte Resultate-Liste zu, anscheinend auf Grund eines Javascript-Events blur() auf dem Input-Feld. Durch dieses Event wurde die Resultate-Liste geschlossen.</p>
<p>Mein Fix in jquery.autocomplete.js:</p>
<p><span id="more-139"></span></p>
<pre>
<code>
/* Variable um zu speichern, dass der Mouseclick auf dem Resultate-Div geschah */
var mouseDownOnSelect = false;
$jresults.mousedown(function() {
        mouseDownOnSelect = true;
});
/* mouseup funktionierte leider nicht */
$jresults.mouseout(function(){
        mouseDownOnSelect = false;
});
/* Bei einem Klick, prüfe ob der Klick außerhalb der Resultate-Liste geschah, */
/* wenn ja, schließe Fenster */
$j(document).click(function(){
        if(!mouseDownOnSelect){
            hideResultsNow();
        }
});

/* Zusätzlich im blur()-Event des input-Feldes die If-Abfrage eingefügt */
$jinput.blur(function(event) {
            if (!mouseDownOnSelect) { /* <--- */
                hasFocus = false;
                hideResults();
           }                                         /* <--- */
});
</code>
</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.gleisarbeiter.de/2009/12/16/problem-mit-jquery-autocomplete-im-ie-und-opera/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

