Javascript runtime error:unable to set css Text property of undefined or null reference

Question

0.00/5 (No votes)

See more:

Javascript Code:

C#

function uploadComplete(sender, args) {

           //   var imgDisplay = $get("imgDisplay");
           var imgDisplay = $('.imgDisplay');
           //    imgDisplay.src = "images/async.gif";
           var img = new Image();
           img.onload = function () {

               imgDisplay.style.cssText = "height:50px;width:50px";
               imgDisplay.src = img.src;
           };
           img.src = "<%=ResolveUrl(UploadFolderPath) %>" + args.get_fileName();
       }

this function give me the error:Javascript runtime error:unable to set css Text property of undefined or null reference

Tell me whats the problem.and how can i solve this problem
Thanks in advance

Posted 22-Jul-13 19:32pm

RahulRana723

Add a Solution

Comments

Naz_Firdouse 23-Jul-13 1:51am

the error clearly mentions that the variable imgDisplay is null or undefined.
So make sure that when you call var imgDisplay = $('.imgDisplay'); you are getting value for the variable

RahulRana723 23-Jul-13 4:18am

imgDisplay is not null.it says that imgDisplay.style is null.when i debug the code

Joezer BH 23-Jul-13 4:39am

This is strange indeed, what is the element imgDisplay?

Naz_Firdouse 23-Jul-13 4:49am

post your design code as well...

Joezer BH 23-Jul-13 1:55am

Try adding a semicolon at the end of your css text line
imgDisplay.style.cssText = "height:50px;width:50px ; ";

RahulRana723 23-Jul-13 4:19am

not working

Dholakiya Ankit 23-Jul-13 4:58am

imgdisplay where you are binding to element and where you have put this code post full code

jkirkerx 23-Jul-13 16:44pm

$('.imgDisplay') is the way to grab a reference by class, so sonething like $each works well for that.

$('#imgDisplay') is like getElementByID,

So until you can make a reference to the control element, you can't do anything with it.

Since you didn't grab the element, you got undefined or null which are legit javascript values for nothing

I don't see how that can work, it's

var img = document.createElement("image")
img.style.cssText = "width: 50%;";
img.src = "/images/img.png";

var imgDisplay = $("#imgDisplay");
imgDisplay.appendChild(img);

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2013-07-23T04:03:00

The whole wrapper object returned by the selector $('.imgDisplay') could be null. Please check it up. Please see:
http://api.jquery.com/category/selectors/[^].

The selected element could be not found. You tried to use the class selector, http://api.jquery.com/class-selector/[^].

Make sure the class "imgDisplay" really exist and is used in the attribute of some element(s): class="imgDisplay", without dot. Or use some other, correct selector(s).

—SA

Naz_Firdouse · Answer 2 · 2013-07-22T22:51:00

Solution 1

try this
jQuery cssText [^]

cssText Property[^]

Posted 22-Jul-13 22:51pm

Naz_Firdouse

Comments

Sergey Alexandrovich Kryukov 23-Jul-13 10:05am

The problem is: I think OP already have this information. It won't resolve the problem of null. I think the error indicates that the whole wrapper object is null. Please see my answer.
—SA

Member 8488336 · Answer 3 · 2013-07-25T02:34:00

Solution 4

try this
$('.imgDisplay').attr('style', 'height:50px;width:50px');

Posted 25-Jul-13 2:34am

Member 8488336