Why "Microsoft JScript runtime error: Object expected"?

Question

I'm about 1 day old in using jquery, and is currently having a nightmare with it. I alreadt spent half of my day trying to get rid of this error. I did some reading after “googling” the error (sorry, Bing!) and discovered that most of these errors result from the jquery file not being properly loaded. Okay…that started to point me in the right direction but I still couldn’t figure out why it wasn’t pathing properly. I mean, I was doing as people said – I would drag the .js file into my designer and it would print out the proper path, but still the error shows.

Here's my exact code in my editor template (with the error):

@model bool
@{
    string status = "Active";
    string buttonValue = "Deactivate";
    string hiddenValue = "true";
    if (!ViewData.Model)
    {
       status = "Inactive";
       buttonValue = "Activate";
       hiddenValue = "false";
    }
}

<div style="width:100px; float:left;"> 
<img id = "AD_Img" src = "/Content/themes/base/images/icon_@(status).png" alt = @(status) />
<label for = "AD_Img" id = "AD_Label" >@(status)</label>
</div>
<div style="width:100px; float:left;"> 
<input type="button" id = "AD_Button" value = @(buttonValue) style = "width:100px" onclick = "ChangeStatus()" />
<input id = "AcntStatus" type = "hidden" name = "AcntStatus" value = @(hiddenValue) />
</div>

and in the same cshtml file, the script goes this way:

<script type="text/javascript" src="/Scripts/jquery-1.5.1.min.js">

function ChangeStatus()             
{
    var ButtonVal = $("#AD_Button").val();
    alert(ButtonVal);

        if (ButtonVal == "Deactivate")
        {
            var stat = "Inactive";
            var buttonVal = "Activate";
            var HiddenValue = "false";
        }

        else if (ButtonVal == "Activate")
        {
            stat = "Active";
            buttonVal = "Deactivate";
            HiddenValue = "true";
        }
            $("#AD_Img").attr({src: "/Content/themes/base/images/icon_"+stat+".png", alt: stat});
            $("#AD_Label").html(stat);
            $("#AD_Button").val(buttonVal);
            $("#AcntStatus").val(HiddenValue);    
}
 </script>

The debugger stops on the ChangeStatus function of the input element on the following line:

    <input type="button" id = "AD_Button" value = @(buttonValue) style = "width:100px" onclick = "ChangeStatus()" />

i tried to debug it by using this in my function code:

    function ChangeStatus()             
    {
       var ButtonVal = document.getElementById("AD_Button").value;
       alert(ButtonVal);
    }

And it works properly, it returns the exact string that I'm looking for without that error, but why? What's wrong with my codes? Please help me figure this out.

Whenever I see ../ in javascript src tags, it's a big red flag. — Joel Coehoorn
– Joel Coehoorn, Commented Jan 27, 2012 at 4:28
Why are you creating True and False variables? Just use the true and false literals there is no need for the vars and your code will run faster using the literals. Since you are new to jQuery, I'm assuming it is not an attempt at savings via variable renaming in minification. If that were the reason it's not necessary since you should also be gzipping your code and the difference after gzipping would be negligible and not worth the performance hit. — Useless Code
– Useless Code, Commented Jan 27, 2012 at 4:36
@JoelCoehoorn: i see. then I should just use src="/Content/themes/base/images/icon_@(status).png" and src="/Scripts/jquery-1.5.1.min.js" instead. thanks for the tip. :) — ideAvi
– ideAvi, Commented Jan 27, 2012 at 5:03
@UselessCode: I've created them for the purpose of assigning the value of the "@ViewBag.Model" and/or "@Model" into them (I used it before jquery's $ ) but using jquery makes it useless. Thanks for that comment too. :) — ideAvi
– ideAvi, Commented Jan 27, 2012 at 5:11

Dr.Molle · Accepted Answer · 2012-01-27 04:47:06Z

3

This:

$("#AD_Img").attr(src: "../../../Content/themes/base/images/icon_"+stat+".png", alt: stat);

forces an Syntax-error. It has to be:

$("#AD_Img").attr({src: "../../../Content/themes/base/images/icon_"+stat+".png", alt: stat});

Edit:

Also take a look at your <script>, you can't mix external JS and internal JS.

This:

<script type="text/javascript" src="../../../Scripts/jquery-1.5.1.min.js">
//your code
</script>

Has to be splitted into

<script type="text/javascript" src="../../../Scripts/jquery-1.5.1.min.js"></script>

<script type="text/javascript">
//your code
</script>

edited Jan 27, 2012 at 4:47

answered Jan 27, 2012 at 4:18

Dr.Molle

117k16 gold badges200 silver badges206 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

ideAvi Over a year ago

thanks @Dr.Molle! I already applied your correction, but the error is STILL there. What else should I do?

Dr.Molle Over a year ago

Please post the line where the debugger stops. "object expected" may be anything, it e.g. could be a wrong path to jquery.js

ideAvi Over a year ago

I see. I revised my question and already included the line of code. I already did that code using jscript's document.getelementid(); and it works really well, but when I tried doing it with jquery's $("#id") i started to do whatever it takes to get rid of that error.

Collectives™ on Stack Overflow

Why "Microsoft JScript runtime error: Object expected"?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related