ansaurus

Question

$(document.body).append() doesn't seem to work in IE.

Answer 1

A:

I could not find the place where topBar is called, but if I call it from $(document).ready() it worked like a charm in my IE8:

<script type="text/javascript"> 
    function topBar(message) { 
        $("#alertmsg").remove(); 
        var $alertdiv = $('<div id = "alertmsg"/>'); 
        $alertdiv.text(message); 
        $alertdiv.bind('click', function() { 
            $(this).slideUp(200); 
        }); 
        $(document.body).append($alertdiv); 
        $("#alertmsg").slideDown("slow"); 
        setTimeout(function() { $alertdiv.slideUp(200); }, 5000);
    }

    $(document).ready(function() {
        topBar("Hello world!");
    });
</script>

You could also use $(window).load() if you have graphics and/or other heavy elements that needs to be loaded before topBar() is called:

$(window).load(function() {
    topBar("Hello world!");
});

Hope it helps.

EDIT:

Maybe this can be of some help? Basically you could do something like this:

ScriptManager.RegisterClientScriptBlock(this, typeof(Page), "json",  
    @"$(document).ready(function(){   
             topBar("Hello world!");
             }); 
        });", true);

Check out the answer in the link because he gives a couple of alternatives

Charlie boy 2010-08-19 05:25:55

I answered before the edit was made about where the function was called, as I was just now researched to be able to update my answer I get a down-vote without any explanation. I suppose It doesn't answer the question as it is put now, but with the information I was given at the time, I think it is a valid answer.

Charlie boy 2010-08-19 05:33:12

@Charlie i ve edited the question 4 mins before you posted this answer

Pandiya Chendur 2010-08-19 05:36:17

Maybe my typing isn't the fastest and I needed to test the result? Anyhow, no hard feelings. I've updated my answer, hope it gets you going.

Charlie boy 2010-08-19 05:41:57

@Charlie your answer worked. Sorry for down voting initially because i knew the answer which was given by you before the update. Anyhow thanks man no hard feelings.

Pandiya Chendur 2010-08-19 05:50:32

No problem! I'm happy I could help

Charlie boy 2010-08-19 06:20:09

ansaurus

tags:

views:

answers:

$(document.body).append() doesn't seem to work in IE.

related questions