How to access master page javascript variable at content page

Question

0.00/5 (No votes)

See more:

XML

Hi...
I am using master page(Master3.master) in my application. I have applied javascript to find master page <div> width. I get div width successfully in javascript variable using following code at master head tag :

 <script type="text/javascript">
        function getwidth()
    {
        var content_div = document.getElementById('content');
        var content_width = content_div.clientWidth;
        alert('content_width=' + content_width + 'px');
        }
    </script>

but now i want to show this div width(content_width )at content page named "ContactUs_Design.aspx" that access above MasterPage.

My content page and master page are in different different folder and i am adding master page dynamically to content page.
I want to use variable 'content_width' at "ContactUs_Design.aspx" to show.
How can i find this....????

Thanks
Sunil Sharma

Posted 21-Mar-13 23:51pm

sonusharma65

Updated 29-Mar-13 1:43am

v9

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)

Ankit_Sharma1987 · Answer 1 · 2013-03-21T23:58:00

Solution 1

Hello,
If you are using JavaScript, and Want to access is on Content Page of Masterpage, then simply put the javascript code in the , head tag section of masterpage. By this , when you will, add any content page, linked with that master page, you will see java script working on that contantpage.

Posted 21-Mar-13 23:58pm

Ankit_Sharma1987

v2

Comments

sonusharma65 22-Mar-13 8:08am

I have already written javascript in head tag of master page and it's working fine but the main issue is that my master page and content page resides in different different folder. I am adding dynamically master page for that content page. Now i want to use the value of javascript variable at content page. please clear with example...
thanks

Ankit_Sharma1987 22-Mar-13 8:51am

have u tried to add this javascript in the head contentplaceholder of ur content page??

sonusharma65 22-Mar-13 8:56am

yes, i have written javascript code at master page like this :

<script type="text/javascript">
function getwidth()
{
var content_div = document.getElementById('content');
var content_width = content_div.clientWidth;
alert('content_width=' + content_width + 'px');
}
</script>

It's working fine but now i want to use 'content_width' value at content page

Ankit_Sharma1987 22-Mar-13 9:01am

when we make content page we have a contentplaceholder for the head section in every content page if u'll write this script in the contentplaceholder which has contentplaceholderID="head" it will work for that content page only

sonusharma65 23-Mar-13 0:41am

I know this very well but i think you are not understanding what i really want. Please read my question carefully and reply me please. It's urgent for me....

Thanks

Zafar Sultan · Answer 2 · 2013-03-25T01:04:00

This is how I included div on Master page(outside ContentPlaceHolder):

XML

<div id="DivTest" style="width: 200px;">
</div>

This is the code I wrote on child page(inside ContentPlaceHolder):

JavaScript

<script language="javascript" type="text/javascript">
        //        function getwidth() {
        var content_div = document.getElementById('DivTest');
        var content_width = content_div.clientWidth;
        alert('content_width=' + content_width + 'px');
        // }
</script>

It worked.