jquery to replace and update content

Question

I'm making calls from managed code to javascript, and would like to display time (passed from managed code),

I've got a function such as:

function sometimefunction(sometime) {

    $(document).ready(function() {
        $('#currenttime').before($('<div class="timeupdate"></div>').html('<h3>Last update: ' + sometime+ '</h3')).remove();          
    })
}

Now, this replaces the time, but only on the first call..what I would like to happen is to replace time everytime this function is called...(btw. it's a timer, every second from managed code)

Answer 1

I think the reason you are having the problem is because your function is just subscribing to a document load event.

You should be okay if you remove the document.ready call:

function sometimefunction(sometime) {
    $('#currenttime').before($('<div class="timeupdate"></div>').html('<h3>Last update: ' + sometime+ '</h3')).remove();
}

Additionally, you may be able to use the jquery replaceWith function instead.

Answer 2

document.Ready event gets only called by the browser when all the DOM content has been loaded.

Answer 3

You are removing the update right after you add it. I don't get your HTML structure but here goes:

var someTimeFunc = function(sometime){
    $('#currenttime').innerHTML('<h3>'+ sometime +'</h3>')
}

Answer 4

the code $('#currenttime').before(...).remove() will remove #currenttime from the page every time. that's exactly what you're asking it to do...

so:

<div id="currenttime"></div>

becomes:

<div class="timeupdate"><h3>Last update: 00/00/00 00:00:00<div>

when what you probably need to end up on the page is the div with timeupdate class to also have the ID your code is looking for:

<div id="currenttime" class="timeupdate"><h3>Last update: 00/00/00 00:00:00</h3><div>

see how that solves your problem? the easiest way to get there is to start with this code on the page:

<div id="currenttime" class="timeupdate"></div>

and just use the html() function to replace the contents directly:

$('#currenttime').html('<h3>Last update: ' + sometime+ '</h3');

no before(), no remove(), no problem. :)