I want to be able to see the 'displayrmuform' when rmuboolean and effectivedate (right after inputting date) is not null

Question

Here's the code:
This function call 'displayRmuForm' after the dates are calculated from effectivedate. IT'S NOT WORKING :(

var displayRmuForm = function() {
    var txtEffectiveDate= $get('ctl00_ContentPlaceHolder1_DetailsView1_txtEffectiveDate');

    if (!rmuVisible && txtEffectiveDate.value.length > 0 ) {
        $(".container").show(250);

    } else { 
        $(".container").hide(250); 
    }
    rmuVisible = !rmuVisible;
}


var effectiveDate_blur = function(e) {
    var effectiveDate = null;
    if (this.value.length > 0) {
        effectiveDate = new Date(eval('"' + this.value + '"'));
        setRmuDates(effectiveDate);
        displayRmuForm();
    }
}

Answer 1

Try using e.target instead of this.

Much safer: call the event handler passing the value of 'this' as another parameter.

---

(disclaimer: I'm not a JS developer)

Answer 2

Try forcing rmuVisible to be false in your blur handler like this... I am thinking the function is firing but the conditions aren't being met to display your form.

var effectiveDate_blur = function(e) { var effectiveDate = null; if (this.value.length > 0) { effectiveDate = new Date(eval('"' + this.value + '"')); setRmuDates(effectiveDate); rmuVisible = false; displayRmuForm(); } }

Answer 3

Is it calling your blur handler at all? (either debug or put an alert or something)

You haven't shown us how you wired up the function to the event, so it could be as simple as that the browser doesn't even know to call the effectiveDate_blur() function.