On 18 May 2010, at 23:03, audj wrote:

I am using scriptaculous effect.fade to make a row of data appear to
fade when a user issues a command to delete that row. The data is
displayed in a table. With Firefox, I can assign an id to the <tr>
tag, and then the whole row fades out. But with Internet Explorer, it
doesn't work. I have to use a div, and could only, for example, fade
out one <td></td> of the row (i.e. <td><div id="myid">data</div></
td>....).

Has anyone encountered this before and/or have any tips on dealing
with this? I could try and create a tableless table .....

For old IE browsers, make sure you wrap the table data in a <tbody>, like so:

<table>
   <thead>
     <tr><th>Foo</th><th>Bar</th></tr>
   </thead>
   <tbody>
     <tr><td>Lorem</td><td>Ipsum</td></tr>
   </tbody>
</table>

You might also need to give the tbody an id and target that before you target the table row itself, don't remember, it's too long ago since I had to deal with effects on tables.


Best regards

Peter De Berdt

--
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.

Reply via email to