Safari Version 4.0.3 (6531.9)
Firefox Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-US;
rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3
and just for fun, Chromium 4.0.219.3 (277338) today's latest Mac
development build.
I've got the following extract from my application.js file:
/*jslint white: false, indent: 2 */
/*global jQuery: false */
(function ($) {
$('tr.replace-me').bind('adjustAfterLoad', function () {
var $this = $(this),
$fetchTd = $this.find("td.ajax-url"),
$countTd = $this.find("td.placeholder-count");
this.fetchUrl = $fetchTd.text();
$fetchTd.text("");
; The next line has no effect on Safari
$this.height($this.height() * parseInt($countTd.text(), 10));
});
$('tr.replace-me').trigger('adjustAfterLoad');
});
}(jQuery));
What's going on is that I've got several table rows which are standing
in for groups of rows to be ajaxed in when a div is scrolled making
each stand-in row visible.
In order to make each '.replace-me' row have the same geometry as the
group of rows it will replace, the server puts the number of rows in
one of the tds within the row, and the url to fetch the replacement in
another. I then use the adustAfterLoad custom event to get the url
and resize the height of the row by multiplying it by the number of
rows to be loaded.
On Safari the line to adjust the height seems to have no effect. Any ideas?
--
Rick DeNatale
Blog: http://talklikeaduck.denhaven2.com/
Twitter: http://twitter.com/RickDeNatale
WWR: http://www.workingwithrails.com/person/9021-rick-denatale
LinkedIn: http://www.linkedin.com/in/rickdenatale
