What versions of Prototype/Scriptaculous are you using?
Works fine here in Safari and Chrome:
http://madrobby.github.com/scriptacu...ffect-opacity/
Working demo code:
Code:
<!DOCTYPE html>
<html>
<head>
<title>Opacity Demo - Prototype/Scriptaculous</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js"></script>
</head>
<body>
<div id="opacity_demo" style="width:100px; height:100px; background:#ccc;"></div>
<ul>
<li><a href="#" onclick="new Effect.Opacity('opacity_demo', { from: 1, to: 0 }); return false;">Hide this box</a></li>
<li><a href="#" onclick="new Effect.Opacity('opacity_demo', { from: 0, to: 1 }); return false;">Show this box</a></li>
</ul>
</body>
</html>
New Comer (less than 5 posts)
opacity using prototype
Posting Permissions
Reply With Quote
Bookmarks