Well, I managed to fix the Slide issue, but I didn't notice any 'shaking' with the Grow/Shrink effect.
I had to move the
overflow:auto and height:200px styles to the "content_area"
div instead of the inner div , I'm not sure if that's what you want but it seems to solve the problem.
Code Below:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="_javascript_" src="">
<script src="" type="text/_javascript_"></script>
<script language="_javascript_">
function doSlide()
{
new Effect.SlideUp
(
'content_area',
{afterFinish: function(){new Effect.SlideDown('content_area');}}
);
}
function doShrinkGrow()
{
new Effect.Shrink
(
'content_area',
{afterFinish:function(){new Effect.Grow('content_area');}}
);
}
</script>
<style>
#content_area
{
overflow:auto;height:200px
}
</style>
</head>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><h2><strong>Test Effect</strong> </h2></td>
</tr>
<tr>
<td width="22%">
<a href="" & Grow</a><br />
<a href="" Up and Down</a>
</td>
<td width="78%">
<!-- this is my content update area-->
<div style="height:200px"><div id="content_area">
<table>
<tr>
<td>
<div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc vel
elit. Phasellus tortor. Praesent venenatis, ligula sit amet ultricies
gravida, augue nisl mollis tortor, in facilisis risus turpis ac turpis.
Mauris luctus, velit sed lobortis venenatis, leo urna dictum leo, eu
scelerisque dolor dolor vitae massa. Aliquam posuere, nibh nec
venenatis rhoncus, elit odio dignissim augue, pretium venenatis lacus
ipsum at eros. Proin volutpat, nunc id suscipit varius, turpis diam
tristique sapien, id condimentum dolor libero sit amet velit. Sed
sapien erat, adipiscing at, varius at, malesuada in, elit. Ut eu diam
vel purus rhoncus mattis. Donec elementum felis non metus. Aliquam erat
volutpat. Suspendisse elementum eros sit amet leo. Sed quis ipsum eu
elit lacinia imperdiet. Pellentesque suscipit justo sit amet purus
varius rhoncus. Suspendisse pulvinar blandit ipsum.
Duis viverra dui eget lectus vestibulum tempor. Nam euismod imperdiet
odio. Nulla felis nisl, porttitor pretium, semper at, mollis at, nulla.
Quisque vestibulum odio rhoncus ipsum. Integer id libero eu massa
laoreet euismod. Vivamus justo tellus, sodales eu, aliquam id, auctor
quis, sem. Vestibulum id leo. Morbi eu dui sed lectus molestie gravida.
Cras pretium varius dolor. Quisque blandit nonummy urna. Duis sit amet
nisi ac nisi aliquam congue. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc vel
elit. Phasellus tortor. Praesent venenatis, ligula sit amet ultricies
gravida, augue nisl mollis tortor, in facilisis risus turpis ac turpis.
Mauris luctus, velit sed lobortis venenatis, leo urna dictum leo, eu
scelerisque dolor dolor vitae massa. Aliquam posuere, nibh nec
venenatis rhoncus, elit odio dignissim augue, pretium venenatis lacus
ipsum at eros. Proin volutpat, nunc id suscipit varius, turpis diam
tristique sapien, id condimentum dolor libero sit amet velit. Sed
sapien erat, adipiscing at, varius at, malesuada in, elit. Ut eu diam
vel purus rhoncus mattis. Donec elementum felis non metus. Aliquam erat
volutpat. Suspendisse elementum eros sit amet leo. Sed quis ipsum eu
elit lacinia imperdiet. Pellentesque suscipit justo sit amet purus
varius rhoncus. Suspendisse pulvinar blandit ipsum.
Duis viverra dui eget lectus vestibulum tempor. Nam euismod imperdiet
odio. Nulla felis nisl, porttitor pretium, semper at, mollis at, nulla.
Quisque vestibulum odio rhoncus ipsum. Integer id libero eu massa
laoreet euismod. Vivamus justo tellus, sodales eu, aliquam id, auctor
quis, sem. Vestibulum id leo. Morbi eu dui sed lectus molestie gravida.
Cras pretium varius dolor. Quisque blandit nonummy urna. Duis sit amet
nisi ac nisi aliquam congue. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit.
</div>
</td>
</tr>
<tr>
<td>
<b>Here's another row, because I'm assuming the
Lipsum in the row above isn't always the only content
that the Ajax request returns.</b>
</td>
</tr>
</table>
<div>Here's another DIV, for fun.</div>
</div></div>
</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table>
</body>
</html>
--
============================
Brian Peiris
Waterloo, Ontario, Canada
[EMAIL PROTECTED]
[EMAIL PROTECTED]
============================
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" 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/rubyonrails-spinoffs
-~----------~----~----~----~------~----~------~--~---
- [Rails-spinoffs] Re: Effect not rendered properly with DIV ha... Brian Peiris
