I had the same problem. I was able to get it to work in IE 6 if the
table and tbody were already defined in the original html. The html
before the update looks like this:
<table>
<thead>
<tr>
<th>Session</th><th>ReportName</th><th>Status</th><th>User</
th><th>Customer</th><th>Printer</th>
</tr>
</thead>
<tbody id="reportTable">
<tr class='even'>
<td colspan="7" style="white-space: nowrap;vertical-align:
bottom;"><strong><center>No reports status available</center></
strong></td>
</tr>
</tbody>
</table>
<script type="text/javascript">
updateReportStatusTable();
</script>
And then the javascript is like this. The servlet returns the rows
(<tr>) that are to go inside the tbody.
function updateReportStatusTable() {
var myAjax = new Ajax.Updater('reportTable','/app/
reports_status_table.do', {parameters: { userName: 'All' }, method:
'post' });
}
Hope that helps!
On Nov 2, 12:27 pm, aadams <[EMAIL PROTECTED]> wrote:
> Just for the record Walter's suggestion touseul/li did the trick for
> this one. If I had more complex tables though it wouldn't be as
> graceful.
>
> On Nov 2, 11:31 am, aadams <[EMAIL PROTECTED]> wrote:
>
>
>
> > Thanks for the reply Walter.
>
> > I tried implementing the thead/tbody tags and it did not help. I'll
> > try your ul/li suggestion and see if all goes well. Man I hateIE.
>
> > On Nov 1, 7:34 pm, Walter Lee Davis <[EMAIL PROTECTED]> wrote:
>
> > > On Nov 1, 2007, at 6:54 PM, aadams wrote:
>
> > > > Forgive me if this is a dumb question, but I'm trying to develop a
> > > >tablethat usesAjax.Updaterto add rows to atable. FF seems to be
> > > > ok with this but IE7 doesn't update thetable. I'm using aTableas
> > > > thecontainer, which may be my problem but Ican'tseem to find a way
> > > > to make the columns line up properly otherwise.
>
> > > > Here's an example of the code I'm using, the real code reads data from
> > > > the DB to return multiple rows:
>
> > > > == HTMLTable==
> > > > <table>
> > > > <tr>
> > > > <td width="100%">
> > > > <tablewidth="100%" id="rowContainer">
> > > > <tr>
> > > > <td>
> > > > <span>Loading...</span>
> > > > </td>
> > > > </tr>
> > > > </table>
> > > > </td>
> > > > </tr>
> > > > </table>
>
> > > > <script type="text/javascript">
> > > > newAjax.Updater('rowContainer', 'inc/ajax_test.htm', { method:
> > > > "get", evalScripts: true });
> > > > </script>
> > > > ====================
>
> > > > == inc/ajax_test.htm file ==
> > > > <tr>
> > > > <td width="500">
> > > > This is a test (random length data)
> > > > </td>
> > > > <td width="100">
> > > > <a href="somefile.htm">click me</a>
> > > > </td>
> > > > </tr>
> > > > ====================
>
> > > > Using a div instead of atableworks, but the the columns then do not
> > > > line up properly.
>
> > > I seem to recall reading somewhere -- maybe on the Scriptaculous Wiki
> > > -- that this is a problem if yourtabledoesn't have <thead> and
> > > <tbody> tags. Try adding those, and see if it helps.
>
> > > Otherwise, you may need tousea differentcontainer, maybe an
> > > unordered list containing sized (width) divs set to float next to one
> > > another. For example, I believe this construction would work:
>
> > > ul.faux_table {
> > > float: left;
> > > width: 800px;
> > > list-style-type: none;
> > > padding: 0;
> > > margin: 0;}
>
> > > ul.faux_table li {
> > > padding:0;
> > > margin: 0;
>
> > > }
>
> > > li div {
> > > float: left;
>
> > > }
>
> > > ,col1 {
> > > width: 100px;}
>
> > > .col2 {
> > > width: 200px;
>
> > > }
>
> > > ... whatever widths you want for the columns, as long as they add up
> > > to yourcontainerwidth.
>
> > > <ul class="faux_table">
> > > <li id="row_1"><div class="col1">Column 1 stuff here</div><div
> > > class="col2">Column 2 stuff here</div> ... </li>
> > > ...
> > > </ul>
>
> > > Floating thecontainer(ul) left makes the floated divs stay in their
> > > own rows, and then you can either style the div or the li to get
> > > rules between rows or columns.
>
> > > Walter- Hide quoted text -
>
> - Show quoted text -
--~--~---------~--~----~------------~-------~--~----~
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?hl=en
-~----------~----~----~----~------~----~------~--~---
