DIVs are not allowed inside a table like that anyway, you should be
adding another <tr> and <td> for the map - right now the browser is
figuring it out and doing that job for you.
- ricardo
On Oct 9, 12:42 am, Johanm <[EMAIL PROTECTED]> wrote:
> you're right. thats whats going on.
> I didnt have any table tags in the initial load image but only in the
> resultset i get from the ajax call (sloppy coding).
> This made the call end up in an ugly place and THEN add the table tags
> which then was of no good.
>
> thank you!
> Johan
>
> On Oct 8, 7:59 pm, Dave Methvin <[EMAIL PROTECTED]> wrote:
>
> > > i was under the impression that .after should be after the </td> and
> > > not after the <tr> which is an append to me.
>
> > If "this" is the clicked row,
>
> > $(this).append("<td>hi</td>") puts a new td inside the tr, at the
> > end.
>
> > $(this).after("<tr><td>hi</td></tr>"); puts a new tr after this one.
>
> > > $(this).after("<div id=\"mytripinfoblock\"><img src=\"/
>
> > You're putting a div there? Inside or outside the tr, that seems
> > wrong. Did you want to put it in one of the td elements in the clicked
> > row?
>
> > > if ($("#mytripinfoblock").length > 0) {
> > > $("#mytripinfoblock").fadeOut("slow");
> > > $("#mytripinfoblock").remove();
> > > }
>
> > Try this instead. If there is no element the rest of the chain doesn't
> > execute so you don't need to use an if. However, you do want to wait
> > for the fade to complete before removing the element.
>
> > $("#mytripinfoblock").fadeOut("slow", function(){
> > $(this).remove();
>
> > });
