<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
	<channel>
		<title><![CDATA[Mifjs forum — Mif.Tree, Mif.Menu - OverText problem with Mif.Tree.mootools-patch.js when scroll down t]]></title>
		<link>http://mifjs.net/forum/topic/176/</link>
		<description><![CDATA[The most recent posts in OverText problem with Mif.Tree.mootools-patch.js when scroll down t.]]></description>
		<lastBuildDate>Wed, 11 Nov 2009 08:17:52 +0000</lastBuildDate>
		<generator>PunBB</generator>
		<item>
			<title><![CDATA[Re: OverText problem with Mif.Tree.mootools-patch.js when scroll down t]]></title>
			<link>http://mifjs.net/forum/post/644/#p644</link>
			<description><![CDATA[fixed [url=http://code.google.com/p/miftree/source/detail?r=106]rev106[/url]]]></description>
			<author><![CDATA[creavenmoro@gmail.com (moro)]]></author>
			<pubDate>Wed, 11 Nov 2009 08:17:52 +0000</pubDate>
			<guid>http://mifjs.net/forum/post/644/#p644</guid>
		</item>
		<item>
			<title><![CDATA[OverText problem with Mif.Tree.mootools-patch.js when scroll down t]]></title>
			<link>http://mifjs.net/forum/post/643/#p643</link>
			<description><![CDATA[OverText problem with Mif.Tree.mootools-patch.js after scroll down the page.

overtext example  without Mif.Tree.mootools-patch.js  is [url]http://jsbin.com/alili[/url]
overtext example  with Mif.Tree.mootools-patch.js  is [url]http://jsbin.com/ojuka3[/url]

the reason is that mif tree override Element.getPosition method.

source code is following:
[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script src="http://www.clientcide.com/scripts/clientside.moo.v1.2.packed.js"></script>

</head>
    <body>
<pre>position stub<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>position stub</pre>


<style>
label.overTxtLabel {
    font-weight: bold;
    font-family: arial, helvetica, verdana;
    font-size: 12px;
    color: #999;
}
</style>
<input id="overTextTest" alt="Enter some text here" style="width: 300px;">

<pre>position stub<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>position stub</pre>
<pre>position stub<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>position stub</pre>


<script type="text/javascript">
try{
if(document.documentElement.getBoundingClientRect){//ie, opear9.5+, ff3+

    Element.implement({

        getPosition: function(relative){
            rect=this.getBoundingClientRect();
            var clientTop = document.html.clientTop || document.body.clientTop || 0, clientLeft = document.html.clientLeft || document.body.clientLeft || 0
            var position={x: rect.left-this.scrollLeft-clientLeft, y:rect.top-this.scrollTop-clientTop};
            var relativePosition = (relative && (relative = $(relative))) ? relative.getPosition() : {x: 0, y: 0};
            return {x: position.x - relativePosition.x, y: position.y - relativePosition.y};
        }
        
    });

}

new OverText($('overTextTest'));
}catch(ex){
  alert("error " + ex.name +", " + ex.message);
}
</script>
</body>
</html>

[/code]]]></description>
			<author><![CDATA[dummy@example.com (norberthu30)]]></author>
			<pubDate>Wed, 11 Nov 2009 04:03:05 +0000</pubDate>
			<guid>http://mifjs.net/forum/post/643/#p643</guid>
		</item>
	</channel>
</rss>

