<html>
<head>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js"></script>
</head>
<body>
<img src=mock_files/johnny_bravo.gif id=johny style="position: relative;
float: left; ">
<table cellpadding=0 cellspacing=0 border=0 width=100% height=2000>
<tr>
<td>
</td>
</tr>
</table>
<script>
Event.observe(window, "scroll", function() {
cso = document.body.cumulativeScrollOffset(); // LINE 17 is here!!!
$('johny').setStyle('opacity: 0; filter: alpha(0%)').morph("opacity: 1;
filter: alpha(100%) ; top:"+cso.top+"px",{duration: 0.4, delay: 0.4});
});
</script>
</body>
</html>
I have the simple script above. It works very fine in Chrome but not in
IE8. The error says "Object doesn't support this property or method : LINE
17"
Thanks in advance for any help.
--
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/prototype-scriptaculous/-/EQcpCharp_AJ.
To post to this group, send email to prototype-scriptaculous@googlegroups.com.
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
