<?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>DaveOnCode &#187; browser incopatibility</title>
	<atom:link href="http://www.daveoncode.com/tag/browser-incopatibility/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.daveoncode.com</link>
	<description>Objective C, iOS and more programming stuff</description>
	<lastBuildDate>Mon, 19 Dec 2011 12:11:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Using getAttribute() to retrieve the label&#8217;s &quot;for&quot; attribute returns NULL on internet explorer!</title>
		<link>http://www.daveoncode.com/2008/12/12/using-getattribute-to-retrieve-the-labels-for-attribute-returns-null-on-internet-explorer/</link>
		<comments>http://www.daveoncode.com/2008/12/12/using-getattribute-to-retrieve-the-labels-for-attribute-returns-null-on-internet-explorer/#comments</comments>
		<pubDate>Fri, 12 Dec 2008 15:40:47 +0000</pubDate>
		<dc:creator>Davide Zanotti</dc:creator>
				<category><![CDATA[browsers]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[browser incopatibility]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[crossbrowser]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[internet explorer]]></category>

		<guid isPermaLink="false">http://daveoncode.wordpress.com/?p=136</guid>
		<description><![CDATA[Damned Internet Explorer!!! I&#8217;ve just faced another browser issue by using the javascript function getAttribute() in order to retrieve the &#8220;for&#8221; value of a form&#8217;s label, ie: myLabel.getAttribute("for"); (where &#8220;myLabel&#8221; is a reference to a &#60;label&#62; node) The function always returns NULL, even if the &#8220;for&#8221; attribute is manually specified into HTML code, ie: &#60;label [...]<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.daveoncode.com/2008/12/12/using-getattribute-to-retrieve-the-labels-for-attribute-returns-null-on-internet-explorer/' addthis:title='Using getAttribute() to retrieve the label&#8217;s &#34;for&#34; attribute returns NULL on internet explorer! ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></description>
			<content:encoded><![CDATA[<p>Damned Internet Explorer!!! I&#8217;ve just faced another browser issue by using the javascript function <em><strong>getAttribute()</strong></em> in order to retrieve the &#8220;for&#8221; value of a form&#8217;s label, ie:</p>
<pre>
myLabel.getAttribute("for");
</pre>
<p>(where &#8220;myLabel&#8221; is a reference to a &lt;label&gt; node)<br />
The function always returns NULL, even if the &#8220;for&#8221; attribute is manually specified into HTML code, ie:</p>
<pre>
&lt;label for="my_field_id"&gt;my label&lt;/label&gt;
</pre>
<p>Fortunately, after a brief search on Google, I&#8217;ve found a post on quirksmode.org, which contains a comment by Tino Zijdel, that show an easy and crossbrowser solution to get the &#8220;for&#8221; attribute (that can be used both to set a value or to get it):</p>
<pre>
myLabel.htmlFor
</pre>
<p>Thank you Tino!</p>
<p>In my search I&#8217;d even discovered that on Internet Explorer <strong><em>getAttribute()</em></strong> is different from other browsers, because it offers an extra argument called &#8220;iFlags&#8221; that is a number that can be 0, 1 or 2 (genial!) and means (I&#8217;m reporting the official microsoft documentation):</p>
<p>0 -&gt; Default. Performs a property search that is not case-sensitive, and returns an interpolated value if the property is found<br />
1 -&gt; Performs a case-sensitive property search. To find a match, the uppercase and lowercase letters in AttributeName  must exactly match those in the attribute name. If the iFlags  parameter for getAttribute is set to 1 and this option is set to 0 (default), the specified property name might not be found.<br />
2 -&gt; Returns the value exactly as it was set in script or in the source document</p>
<p>It would be a better world without Internet Explorer!</p>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.daveoncode.com/2008/12/12/using-getattribute-to-retrieve-the-labels-for-attribute-returns-null-on-internet-explorer/' addthis:title='Using getAttribute() to retrieve the label&#8217;s &quot;for&quot; attribute returns NULL on internet explorer! ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.daveoncode.com/2008/12/12/using-getattribute-to-retrieve-the-labels-for-attribute-returns-null-on-internet-explorer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS tip: if you can&#8217;t remove the evil, you can imprison it!</title>
		<link>http://www.daveoncode.com/2008/11/21/css-tip-if-you-cant-remove-the-evil-you-can-imprison-it/</link>
		<comments>http://www.daveoncode.com/2008/11/21/css-tip-if-you-cant-remove-the-evil-you-can-imprison-it/#comments</comments>
		<pubDate>Fri, 21 Nov 2008 15:13:59 +0000</pubDate>
		<dc:creator>Davide Zanotti</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[browser incopatibility]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jquery plugin]]></category>
		<category><![CDATA[positioning]]></category>

		<guid isPermaLink="false">http://daveoncode.wordpress.com/?p=57</guid>
		<description><![CDATA[Yesterday a colleague asked me to help her in debugging a crazy behavior of internet explorer 6 (all the others browsers worked fine!), which caused the wrong display of the boxes inside the page. The bug was caused by the rendering of a jQuery powered div, ie one of those things like: $("#myDivID").doMagic({...}); In somehow [...]<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.daveoncode.com/2008/11/21/css-tip-if-you-cant-remove-the-evil-you-can-imprison-it/' addthis:title='CSS tip: if you can&#8217;t remove the evil, you can imprison it! ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-60" style="margin: 0pt 10px 10px 0pt;" title="prison" src="http://www.daveoncode.com/wp-content/uploads/2008/11/prison1.gif" alt="prison" />Yesterday a colleague asked me to help her in debugging a crazy behavior of internet explorer 6 (all the others browsers worked fine!), which caused the wrong display of the boxes inside the page. The bug was caused by the rendering of a jQuery powered div, ie one of those things like:</p>
<pre>$("#myDivID").doMagic({...});</pre>
<p>In somehow the jQuery&#8217;s function used, annoyed ie6 due to the CSS styles that it applied to the div. After a couple of minutes of debugging, I realized that we should have needed to spend a full day or more to fix the problem at the root (due to the complexity of the page content). So I decided to isolate the problem by using the CSS positioning technique. Fundamentally <span class="__mozilla-findbar-search" style="background-color:yellow;color:black;display:inline;font-size:inherit;padding:0;">I</span> put the div (&#8220;#myDivID&#8221;) into another div with relative position and set the first with an absolute position, in this way:</p>
<pre>&lt;div style="position: relative; width: Npx; height: Npx;"&gt;
    &lt;div id="myDivID" style="position: absolute; top: 0; left: 0;"&gt;&lt;/div&gt;
&lt;/div&gt;</pre>
<p>With this expedient &#8220;myDivID&#8221; is now &#8220;trapped&#8221; into the parent div and it can&#8217;t influence the others page elements.</p>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.daveoncode.com/2008/11/21/css-tip-if-you-cant-remove-the-evil-you-can-imprison-it/' addthis:title='CSS tip: if you can&#8217;t remove the evil, you can imprison it! ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.daveoncode.com/2008/11/21/css-tip-if-you-cant-remove-the-evil-you-can-imprison-it/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

