This code works in firefox 2, firefox3 and chrome but in in opera,
ie6, ie7 olive div appear in wrong place when u scroll list. In ie it
goes up and in opera down. Why, any solution?.
<style>
ul{margin: 200px 0px;padding: 0px;list-style: none;background-color:
blue;overflow: auto;width:120px;height: 150px;}
li{width:100px;height: 100px;background-color: green;}
#klon{position:absolute;width:100px;height: 100px;z-index:
10;background-color: olive; }
</style>
<ul>
<li>a</li>
<li>b</li>
<li>n</li>
<li>m</li>
<li>t</li>
<li>u</li>
<li>o</li>
</ul>
<div id="klon" style="display:none" >
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/prototype/1.6.0.3/prototype.js" ></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/scriptaculous/1.8.1/scriptaculous.js" ></script>
<script type="text/javascript">
Event.observe(window, 'load', function() {
var klon;
$$('li').each(function(el){
Event.observe(el, 'mouseover', function(event) {
klon = $('klon');
klon.clonePosition(el);
klon.show();
klon.clonePosition(el);
});
});
Event.observe('klon', 'mouseout', function(event) {
klon.hide();
});
});
</script>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
