ansaurus

Question

javascript error: this.node is null or not an object

Answer 1

+2 A:

Have you included a reference to the jQuery library? A good practice would be to have the jQuery include in the Master.

<head>
   <script type="text/javascript" 
        src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;
   </script>
   <!-- the remainder of your .js references should follow-->
</head>

If it's your intention to have that script run on 'page load', then ensure you have it set correctly:

$(document).ready(function() {
    // put all your jQuery goodness in here.
});

More info on jQuery document ready.

p.campbell 2010-10-27 19:10:09

You mean I should include the above line in my master file? header tag right?

VP 2010-10-27 19:14:44

How do I check for references to jQuery lib? No dll that represent a jQuery lib seems to be present inside my bin folder in my project.

VP 2010-10-27 19:18:38

No, you can include it in the page proper, not in the master file, if you so choose. But you should go ahead and link that one in the master file, it'll be much more handy later.

drachenstern 2010-10-27 19:20:16

@VP ~ you don't need a jQuery dll. You need to link just like he gave you above.

drachenstern 2010-10-27 19:20:49

@drachenstern: I recommended placing the jQuery script ref in the Master for simplicity's sake.

p.campbell 2010-10-27 19:21:34

tried tht ...does not work.same error..so I now have the reference as above in my master file and the javascript code in the page that uses that master. But still does not work . Any suggestions/ideas?

VP 2010-10-27 19:21:38

@p.campbell ~ I agree, for simplicity sake, but for learning sake, it is just as well to include it where you need it. However, he's having a bit of a problem with his compiler.

drachenstern 2010-10-27 19:22:44

@VP ~ We all do it the way we are telling you. Have the script code above in this answer in your master page `<head>` block, have the code block on your page like you have it, except change the line I referenced in my comment or that @p.campbell referenced in his answer or the one given by @Josh to see the best effect. If you don't make both of those changes, it should fail every time. Additionally, you may need to turn off JScript checking on your VS instance, which, to be honest, I don't use on mine.

drachenstern 2010-10-27 19:27:31

I do have 1 more question though. Right now the javascript works fine and produces the zooming effect that I wanted on the image in my web page. However right now it zooms whenever I hover the mouse over it. I want a slight modification in my asp.net/c# code. I want to activate the zooming effect on the press of a button. So I will put in a button that says "press here if u wanna zoom" and when this is pressed I want to do something (like activate the javascript) in my event handler code in c#. How can I achieve this? Any idea?

VP 2010-10-27 21:07:04

Answer 2

A:

I'm not sure exactly what it is you are doing with that snippet of code, but I don't think it is the proper syntax.

You probably should re-write it to look like this:

$(document).ready(
function () {
        var options = {
            //some java code
        };

        $(".mycssclass").effect(options);
});

Just passing in the function to the jQuery selector will probably get some wonkiness.

Josh 2010-10-27 19:15:39

yeah Josh.. thats exactly how it the query looks...but still I have having that error

VP 2010-10-27 19:25:49

@VP - appologies then... but your question indicates you left off the $(document).ready() call. You should update your question to correct this so others don't assume the problem lies there.

Josh 2010-10-27 19:58:07

i am sorry about that..I updated it. thanks

VP 2010-10-27 20:41:47

I do have 1 more question though. Right now the javascript works fine and produces the zooming effect that I wanted on the image in my web page. However right now it zooms whenever I hover the mouse over it. I want a slight modification in my asp.net/c# code. I want to activate the zooming effect on the press of a button. So I will put in a button that says "press here if u wanna zoom" and when this is pressed I want to do something (like activate the javascript) in my event handler code in c#. How can I achieve this? Any idea?

VP 2010-10-27 21:06:47

Answer 3

A:

Thank you everyone! there was no problem with either the syntax in the javascript or the location/page where it was first included by me. I just figured out that the mistake was somewhere else. This javascript works on an <img> tag. It zooms the image insdie the <img> tag. I was using the <asp:ImageButton> instead og <img>. It works perfect as soon as I replaced it. Thank you all for your time and the knowledge sharing.

VP 2010-10-27 20:40:57

ansaurus

tags:

views:

answers:

javascript error: this.node is null or not an object

related questions