I guess it is just a matter of taste, but I'd use
MochiKit.DOM.replaceChildNodes instead of multiple insert and remove
calls.
Cheers,
/Per
On Mon, Sep 8, 2008 at 3:44 PM, Amit Mendapara <[EMAIL PROTECTED]> wrote:
>
> Yes, exactly. In that case:
>
> var old = $('thisisatd');
>
> var tr = TR(null);
> var tbl = TABLE(null, TBODY(null, tr));
>
> tr.innerHTML = '<td id="thisisatd" colspan="3">A new text</td><td
> id="thisisanothertd" colspan="3">A new text</td>';
>
> forEach(tr.childNodes, function(td){
> old.parentNode.insertBefore(td, old);
> });
>
> removeElement(old);
>
> Regards
> ..
> Amit Mendapara
>
> On Sep 8, 5:52 pm, "Arnar Birgisson" <[EMAIL PROTECTED]> wrote:
>> Hey there,
>>
>> On Mon, Sep 8, 2008 at 13:43, gregor <[EMAIL PROTECTED]> wrote:
>> > I would like to change a DOM Object with a turbogears ajax call.
>> > At the moment the ajax call returns a string with the html of the node
>> > that should be replaced. How can I swap the existing DOM Object with
>> > the new one I got from the ajax callback?
>>
>> > InnerHTML replaces the inner part of the element, but I want to
>> > replace the whole thing. OuterHtml seems to what I need but it does
>> > not work in Firefox. swapDOM takes two DOM-Objects, but I've only got
>> > a string for the replacement. How can I convert a string to a DOM
>> > object?
>>
>> First of all, not that in general a string can represent a HTML
>> fragment containing more than one element. Consider:
>>
>> "<td>number1</td><td>number2</td>"
>>
>> My point is that you cannot take any string and convert it to just one
>> DOM element. However, say your strings always contain one complete
>> element, or that you just want to pick out the first one, you can
>> create a temporary element (not injected in the document) to use
>> innerHTML on, and the use swapDOM to inject the first child. I.e.
>> (note, this is untested code written directly in the email):
>>
>> var str = "<td>something from an ajax call</td>";
>> var container = DIV();
>> container.innerHTML = str;
>> swapDOM("id-of-element-to-remove", container.firstChild);
>>
>> Actually, if you did want *all* elements from the fragment, you could
>> to this I guess:
>>
>> var str = "<td>something from an ajax call</td>";
>> var container = DIV();
>> container.innerHTML = str;
>> insertSiblingNodesAfter("id-of-element-to-remove", container.childNodes);
>> removeElement("id-of-element-to-remove");
>>
>> However, you should note that with the proper content-type for the
>> ajax response and depending on your specific use, you might already
>> have a ready-made DOM object in the XMLHttpRequest object under the
>> property responseXML
>>
>> cheers,
>> Arnar
>>
>> > Pseudo example:
>>
>> > <html>
>> > <table>
>> > <tr><td id="thisisatd" colspan="2">A text</td></tr>
>> > </table>
>> > </html>
>>
>> > From the Ajax call I get the string back "<td id="thisisatd"
>> > colspan="3">A new text</td></tr>".
>> > How can I replace the td with this new string?
>>
>> > My current function to do this looks like this:
>>
>> > var doReplace = function (req) {
>> > for (var e in req.changes) {
>> > var element = document.getElementById(e)
>> > if (element) {
>> > element.outerHTML = req.changes[e]; // <- Does not work in
>> > Firefox
>> > }
>> > else {
>> > alert("element not found:" + e);
>> > }
>> > }
>> > }
> >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"MochiKit" group.
To post to this group, send email to mochikit@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/mochikit?hl=en
-~----------~----~----~----~------~----~------~--~---
