getElementById(...) is null or not an object

Question

0.00/5 (No votes)

See more:

Hi guys,

I am using Javascript in ASP.NET project,
Javascript code is in separate file and in asp.net page i write that:

HTML

<script type="text/javascript" src="js/myfile_settings.js"></script>


<div id="diTextArea">
                    <script type="text/javascript" >
                     initiate(window.document);
                    </script>
</div>

ASP.NET page is content page inside master page

initiate method in js file is used to inject or render html code within the div control.

When i run the project that error appear:

getElementById(...) is null or not an object.

I make small project and used the js file and the same html code and master page and it run successfully.
but in my big project it is not run successfully.

no difference between two project, the same js file and html code but one has many pages and the other is one.

js file has this method:

JavaScript

page.getElementById("diTextArea").innerHTML=html_code;

realy i tired...

Posted 6-Sep-11 21:10pm

MrLonely_2

Updated 8-Sep-11 5:05am

v7

Add a Solution

2 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)

pooja 08 · Answer 1 · 2011-09-06T21:16:00

Solution 1

check your control name which you are passing to getElementById. getElementByID except a paramenter as control name which is case sensitive so please check that. if your aspx page is content page of master page then your control id will append the master page id also
so please go to the page and then right click get viewsource of page copy the id of the contol and paste it in java script.

Posted 6-Sep-11 21:16pm

pooja 08

Comments

MrLonely_2 7-Sep-11 3:54am

Thanks man,yes my aspx page is content page of master page,
and i did what u told me and the same problem still,
that is the id i copy it from view source of page "MainPlaceHolder_OperatorPlaceHolder_diTextArea"
I try every thing but no way

pooja 08 7-Sep-11 4:59am

instead of page try with document.form.getElementById and 1st keep one alert box before assigning any value to that control check document.form.getElementById (your controlid) &check what you are getting

Geekian_senate 7-Sep-11 5:34am

document.getElementById("MainPlaceHolder_OperatorPlaceHolder_diTextArea").innerHTML=wysiwyg_code;
This I believe should work.

MrLonely_2 7-Sep-11 5:58am

Not help also

Elina Blank 8-Sep-11 17:16pm

To be sure what the id of the control is, do "View Source" and find that element. Then do "document.getElementById()" with passing exactly the id you saw in the View Source

pooja 08 7-Sep-11 6:14am

did you placed alert box?
alert(document.getElementById("MainPlaceHolder_OperatorPlaceHolder_diTextArea"));
& check what it is showing?
Is it showing null or object?
if it is showing object then problem is in other place?
reply what you are getting

MrLonely_2 7-Sep-11 8:01am

It give me Null,
i put that in js fie:
//alert("dsfgsdfg"); it is as comment
alert(page.getElementById("diTextArea"));

the first line i mark it as comment for put your alert statement,
but when run it still give me the first alert ??????

I think that Visual Studio 2005 which i use is itself cause the problem
i think i must upgrade to Visual Studio 2008 or 2010,
is it true ?

Elina Blank 8-Sep-11 17:17pm

This may be a caching issue

MrLonely_2 8-Sep-11 21:59pm

how to prevent this caching issue ???

Morgs Morgan · Answer 2 · 2011-09-06T23:47:00

Solution 2

Hi,
There could be a chance that your control names are being changed by ASP.NET when submitted to the client-side seeing that you are using master and content pages.

Change your webconfig to include:

HTML

<system.web>
     <pages clientidmode="Static"></pages>
</system.web>

that way asp.net will not mess with your control ids!

Goodluck

Posted 6-Sep-11 23:47pm

Morgs Morgan

Comments

MrLonely_2 7-Sep-11 5:58am

I include it but it give me error that:
Unrecognized attribute 'clientidmode'

Morgs Morgan 7-Sep-11 6:01am

Sorry about that, it's case sensitive so go like so:
<pages clientIDMode="Static"></pages>

MrLonely_2 7-Sep-11 6:04am

I know it case sentive man, so i try every like:
clientIDMode,ClientIDMode,clientIdMode,clientIdmode,clientIDmode...etc

but all not help also.

Morgs Morgan 7-Sep-11 6:13am

What .Net framework are u using? this property is only supported in .Net 4.
if you are using anything less than 4 then try accessing your controls by their class names using jQuery e.g.

<div class="div1" önclick="SetInnerHtml();"></div>
<script type="text/javascript" >
function SetInnerHtml()
{
$('.div1').html('wysiwyg_code');
}
</script>

MrLonely_2 7-Sep-11 6:13am

I am using ASP.NET 2.
I think this attribute clientIDMode is used is ASP.NET 4,
is it right?

MrLonely_2 7-Sep-11 6:17am

at the same moment hhhhh,
thank man, i appreciate your help,
but i do not know jquary, can i use class by javascript?

MrLonely_2 7-Sep-11 6:30am

I change my initiate method to return variable wysiwyg_code that represent html code,
This is my try :

<div class="div1" ></div>
<script type="text/javascript" >
function SetInnerHtml()
{
$('.div1').html(initiate());
}
</script>
but not worked with me.
I do not want to render the html code within div when click it but when page loaded,
can u adjust my JQuary code please as i do not know JQuary.
thank you

Morgs Morgan 7-Sep-11 6:33am

hi,
send me an e-mail and attach your test.aspx page and your myfile_settings.js file then i can help u maybe.
e-mail: msimwaba@gmail.com