Scriptacoulous:ScaleTo ignored by Firefox/2.0.0.15 and Safari3.0.4 ?
0 views
Skip to first unread message
h@nnes
Jul 4, 2008, 11:21:19 AM7/4/08
to Ruby on Rails: Spinoffs
Hi;
I do not get proper results by Effect.BlindDown, using the scaleTo
argument. I was assuming this causes the function to scale down as far
as scaleTo and stop scaling there. This is pretty much the code as I
found it on the wiki:
<html>
<head>
<title>NotScalingTo30Percent</title>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js" type="text/javascript"></script>
</head>
<body>
<div id="blindup_demo" style="width:300px; height:300px;
background:#ccc; display: none"">
<div>
Shortly stops but proceeds!
</div>
</div>
<ul>
<li><a href="#" onclick="Effect.BlindDown('blindup_demo',{duration:
1.0, scaleTo:30.0})">Click here for scaling to 33 percent (of 300px)</
a></li>
<li><a href="#" onclick="$('blindup_demo').hide(); return
false;">Reset</a></li>
</ul>
</body>
</html>
I did some research on the topic all day, but could only find online
samples, that result in the same odd behaviour to me. I'm a bit
worried that I misinterpret what scaleTo is supposed to do!
So if you could clarify that and/or give me directions how to achieve
that, I would sooooo much appreciate that.
Thanks a lot,
Hannes
I do not get proper results by Effect.BlindDown, using the scaleTo
argument. I was assuming this causes the function to scale down as far
as scaleTo and stop scaling there. This is pretty much the code as I
found it on the wiki:
<html>
<head>
<title>NotScalingTo30Percent</title>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js" type="text/javascript"></script>
</head>
<body>
<div id="blindup_demo" style="width:300px; height:300px;
background:#ccc; display: none"">
<div>
Shortly stops but proceeds!
</div>
</div>
<ul>
<li><a href="#" onclick="Effect.BlindDown('blindup_demo',{duration:
1.0, scaleTo:30.0})">Click here for scaling to 33 percent (of 300px)</
a></li>
<li><a href="#" onclick="$('blindup_demo').hide(); return
false;">Reset</a></li>
</ul>
</body>
</html>
I did some research on the topic all day, but could only find online
samples, that result in the same odd behaviour to me. I'm a bit
worried that I misinterpret what scaleTo is supposed to do!
So if you could clarify that and/or give me directions how to achieve
that, I would sooooo much appreciate that.
Thanks a lot,
Hannes
Reply all
Reply to author
Forward
0 new messages