<?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: Quick Tip #1 - Getting min-height to work in all browsers using jQuery (JavaScript)</title>
	<atom:link href="http://www.nouveller.com/quick-tips/quick-tip-1-getting-min-height-to-work-in-all-browsers-using-jquery-javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.nouveller.com/quick-tips/quick-tip-1-getting-min-height-to-work-in-all-browsers-using-jquery-javascript/</link>
	<description>web design &#124; blog &#124; madness</description>
	<pubDate>Thu, 17 May 2012 05:17:58 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: Kyle</title>
		<link>http://www.nouveller.com/quick-tips/quick-tip-1-getting-min-height-to-work-in-all-browsers-using-jquery-javascript/comment-page-1/#comment-743</link>
		<dc:creator>Kyle</dc:creator>
		<pubDate>Sat, 15 Aug 2009 16:25:22 +0000</pubDate>
		<guid isPermaLink="false">http://www.nouveller.com/?p=662#comment-743</guid>
		<description>OK I have something up:
http://www.skrinakcreative.com/illumaware-redesign

Note that the problem isn't immediately apparent; and here's what I'd like to do. When someone loads the page, the div's (where I'm setting the min-height value; if necessary) "actual height" should be a persistent value; at least persistent for the duration of that visit. Currently, however, when jquery changes the actual height, as I ask it to, it skews the behavior. You can see this where resizing to a higher vertical value works, but resizing to a lesser vertical value doesn't (as it follows the logic)

So, how does one load the "actual height" with a persistent value and then work against that across successive page resizings?

The script for the page resides at:
http://www.skrinakcreative.com/illumaware-redesign/sites/all/themes/illumaware/script-6241.js

Thanks!</description>
		<content:encoded><![CDATA[<p>OK I have something up:<br />
<a href="http://www.skrinakcreative.com/illumaware-redesign" rel="nofollow">http://www.skrinakcreative.com/illumaware-redesign</a></p>
<p>Note that the problem isn&#8217;t immediately apparent; and here&#8217;s what I&#8217;d like to do. When someone loads the page, the div&#8217;s (where I&#8217;m setting the min-height value; if necessary) &#8220;actual height&#8221; should be a persistent value; at least persistent for the duration of that visit. Currently, however, when jquery changes the actual height, as I ask it to, it skews the behavior. You can see this where resizing to a higher vertical value works, but resizing to a lesser vertical value doesn&#8217;t (as it follows the logic)</p>
<p>So, how does one load the &#8220;actual height&#8221; with a persistent value and then work against that across successive page resizings?</p>
<p>The script for the page resides at:<br />
<a href="http://www.skrinakcreative.com/illumaware-redesign/sites/all/themes/illumaware/script-6241.js" rel="nofollow">http://www.skrinakcreative.com/illumaware-redesign/sites/all/themes/illumaware/script-6241.js</a></p>
<p>Thanks!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Kyle</title>
		<link>http://www.nouveller.com/quick-tips/quick-tip-1-getting-min-height-to-work-in-all-browsers-using-jquery-javascript/comment-page-1/#comment-619</link>
		<dc:creator>Kyle</dc:creator>
		<pubDate>Fri, 14 Aug 2009 17:26:15 +0000</pubDate>
		<guid isPermaLink="false">http://www.nouveller.com/?p=662#comment-619</guid>
		<description>It's not up but here's the rewritten code:

function setHeight() {
	var winHeight = $(window).height();
	var minHeight = winHeight - 80;
	var actualHeight = $('#page-inner').height();
	if (actualHeight &lt; minHeight){
		$('#page-inner').css({'height' : minHeight});
	};			
}

$(document).ready(function(){
		setHeight();
});

$(window).resize(function(){
		setHeight();
});</description>
		<content:encoded><![CDATA[<p>It&#8217;s not up but here&#8217;s the rewritten code:</p>
<p>function setHeight() {<br />
	var winHeight = $(window).height();<br />
	var minHeight = winHeight - 80;<br />
	var actualHeight = $(&#8217;#page-inner&#8217;).height();<br />
	if (actualHeight &lt; minHeight){<br />
		$(&#8217;#page-inner&#8217;).css({&#8217;height&#8217; : minHeight});<br />
	};<br />
}</p>
<p>$(document).ready(function(){<br />
		setHeight();<br />
});</p>
<p>$(window).resize(function(){<br />
		setHeight();<br />
});</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Nouveller</title>
		<link>http://www.nouveller.com/quick-tips/quick-tip-1-getting-min-height-to-work-in-all-browsers-using-jquery-javascript/comment-page-1/#comment-617</link>
		<dc:creator>Nouveller</dc:creator>
		<pubDate>Fri, 14 Aug 2009 15:44:05 +0000</pubDate>
		<guid isPermaLink="false">http://www.nouveller.com/?p=662#comment-617</guid>
		<description>Do you have a demo of the page?</description>
		<content:encoded><![CDATA[<p>Do you have a demo of the page?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Kyle</title>
		<link>http://www.nouveller.com/quick-tips/quick-tip-1-getting-min-height-to-work-in-all-browsers-using-jquery-javascript/comment-page-1/#comment-615</link>
		<dc:creator>Kyle</dc:creator>
		<pubDate>Fri, 14 Aug 2009 15:25:11 +0000</pubDate>
		<guid isPermaLink="false">http://www.nouveller.com/?p=662#comment-615</guid>
		<description>This gets me *so* close -- however, how can I add a resize event?  AND -- the problem with a resize event is that it can change the "actualHeight" value to one other than what the DOM thought it was at page load -- which is what I want to keep for resize. Thanks!</description>
		<content:encoded><![CDATA[<p>This gets me *so* close &#8212; however, how can I add a resize event?  AND &#8212; the problem with a resize event is that it can change the &#8220;actualHeight&#8221; value to one other than what the DOM thought it was at page load &#8212; which is what I want to keep for resize. Thanks!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Liam Goodacre</title>
		<link>http://www.nouveller.com/quick-tips/quick-tip-1-getting-min-height-to-work-in-all-browsers-using-jquery-javascript/comment-page-1/#comment-146</link>
		<dc:creator>Liam Goodacre</dc:creator>
		<pubDate>Wed, 17 Jun 2009 20:04:45 +0000</pubDate>
		<guid isPermaLink="false">http://www.nouveller.com/?p=662#comment-146</guid>
		<description>I do believe you can do this...

var myFunc = function() {
    // blah blah blah
}

$(function(){
    $('a').click(myFunc);
});</description>
		<content:encoded><![CDATA[<p>I do believe you can do this&#8230;</p>
<p>var myFunc = function() {<br />
    // blah blah blah<br />
}</p>
<p>$(function(){<br />
    $(&#8217;a').click(myFunc);<br />
});</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Nouveller</title>
		<link>http://www.nouveller.com/quick-tips/quick-tip-1-getting-min-height-to-work-in-all-browsers-using-jquery-javascript/comment-page-1/#comment-94</link>
		<dc:creator>Nouveller</dc:creator>
		<pubDate>Fri, 29 May 2009 18:14:14 +0000</pubDate>
		<guid isPermaLink="false">http://www.nouveller.com/?p=662#comment-94</guid>
		<description>I think you can. 

Change:

$(function(){
$(’a’).click(myFunc);
}

To:

$(function(){
$(’a’).click.myFunc();
}</description>
		<content:encoded><![CDATA[<p>I think you can. </p>
<p>Change:</p>
<p>$(function(){<br />
$(’a’).click(myFunc);<br />
}</p>
<p>To:</p>
<p>$(function(){<br />
$(’a’).click.myFunc();<br />
}</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Clemente G - kreativeKING</title>
		<link>http://www.nouveller.com/quick-tips/quick-tip-1-getting-min-height-to-work-in-all-browsers-using-jquery-javascript/comment-page-1/#comment-93</link>
		<dc:creator>Clemente G - kreativeKING</dc:creator>
		<pubDate>Fri, 29 May 2009 10:51:31 +0000</pubDate>
		<guid isPermaLink="false">http://www.nouveller.com/?p=662#comment-93</guid>
		<description>Great tip, I’ve just starting messing with jQuery recently. I must say it is great.

You know if theres a way to handle jQuery with using named callbacks instead of creating the function in the callback area.

Ex:
Normal Way

$(function(){
$(’a').click(function({
“blahblah”});
});

Named Way

$(function(){
$(’a').click(myFunc);
}

function myFunc(){
“blahblah”
}
);

Any Tips??</description>
		<content:encoded><![CDATA[<p>Great tip, I’ve just starting messing with jQuery recently. I must say it is great.</p>
<p>You know if theres a way to handle jQuery with using named callbacks instead of creating the function in the callback area.</p>
<p>Ex:<br />
Normal Way</p>
<p>$(function(){<br />
$(’a&#8217;).click(function({<br />
“blahblah”});<br />
});</p>
<p>Named Way</p>
<p>$(function(){<br />
$(’a&#8217;).click(myFunc);<br />
}</p>
<p>function myFunc(){<br />
“blahblah”<br />
}<br />
);</p>
<p>Any Tips??</p>
]]></content:encoded>
	</item>
</channel>
</rss>

