Question

I am trying to print a particular area on my webpage by using jQuery printarea() function. It doesn’t work and returns an error.
and its shows error like tolowerCase is undefined
Error

return (media.toLowerCase() == “” || media.toLowerCase() == “print”)

jQuery

function printDiv() {
    $('#dvTokenArea').printArea();
}​

<div id="dvTokenArea" runat="server">
     <asp:Label ID="lblTokenNumber" runat="server" Text="Print ME !!!!!!!!!!!!">    </asp:Label>
</div>
<asp:Button ID="btnPrintToken" runat="server" Text="Print"
     OnClientClick="javascript:printDiv();" />​

Answer 1

This is the code in the plugin which returns the error:

$(document).find("link")
            .filter(function(){
                    return $(this).attr("rel").toLowerCase() == "stylesheet";
                })
            .filter(function(){ // this filter contributed by "mindinquiring"
                    var media = $(this).attr("media");
                    return (media.toLowerCase() == "" || media.toLowerCase() == "print")
                })
            .each(function(){
                    head += '<link type="text/css" rel="stylesheet" href="' + $(this).attr("href") + '" >';
                });

You haven’t given enough information to be certain but I believe that you have no media attribute on your link elements and you are using JQuery 1.6 or above which returns undefined if the attribute is not set.

From the attr documentation:

As of jQuery 1.6, the .attr() method returns undefined for attributes
that have not been set.

So, if you have no media attribute set on your link elements whose rel attribute is set to stylesheet, toLowerCase() will be called on media which is undefined.