Populate asp hidden field with value using javascript

Question

I want to access user screen resolution from server side. For this I have asp hidden control:

<asp:HiddenField runat="server" ID="hdnScreenResolution" />

Which actually rendering on page:

<input type="hidden" name="ctl00$MainContent$hdnScreenResolution" id="MainContent_hdnScreenResolution" />

I use javascript function to insert value in it:

$(document).ready(function () {
   var width = screen.width;
   var height = screen.height;

   var hiddenScreenResolution = document.getElementById('<%= hdnScreenResolution.ClientID
    %>'); 
   hiddenScreenResolution.value = "asass";
});

And it is on page source code:

       $(document).ready(function () {
            var width = screen.width;
            var height = screen.height;

            var hiddenScreenResolution = document.getElementById('MainContent_hdnScreenResolution'); 
            hiddenScreenResolution.value = "asass";
        });

On server side I check hidden value on Page_Load():

protected void Page_Load(object sender, EventArgs e)
{
    var hiddenValue = hdnScreenResolution.Value;
}

But value appears to be empty string. Using jquery does not help.

Inserting directly: document.getElementById('<%= hdnScreenResolution.ClientID %>').value = "asdasd"; does not help.

What the problem can be?

P.S. I suppose that I catching screen resolution on document.ready is too late. And javascript fires after page was unloaded. So no change to catch it on initial request.

Looking forward for an answer.

Adil · Accepted Answer · 2013-01-10 12:53:13Z

1

The server side Page_Load is called before the html is sent to client and execution of jQuery document.ready so you are accessing value before assigning on client using javascript and you should get empty.

You need to send values from client to server, you can use jQuery ajax for do postback for getting screen coordinates values on server.

To see what is happening just add asp:button and access hidden field values in its server side event.

answered Jan 10, 2013 at 12:53

Adil

148k25 gold badges217 silver badges207 bronze badges

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

Collectives™ on Stack Overflow

Populate asp hidden field with value using javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related