accessing runat=server div in javascript

  • Thread starter Thread starter baldrick
  • Start date Start date
B

baldrick

Hi,

I have a div on my page as below and want to write the content of the
div to a cookie so information can be passed between two differnet
pages. With the runat=server I find that the div is not visible to the
rest of page as I get the cant 'find div message'.

The application works fine without the runat=server, but I need to be
able to store the contents of the div in a databse for later recall,
hence need the runat=server.

I also need the div to be accessible by the second page as it directly
reads the content using javascript...

parent.document.getElementById("coordinates").innerHTML = html ;


Does anyone have any simple solution or workaround as to how I can
keep the div accessible to javascript but also be able to keep the
runat=server bit?

Regards,
Phil

Code snippets....

<div id="coordinates" runat=server></div>

Me.MasterPageForm.Attributes.Add("onsubmit", "javascript: return
Polygon_Client();")



<script language="javascript" type="text/javascript">
// this writes coordinates to a cookie
function Polygon_Client(){

var element = document.getElementById("coordinates");
if (element) {
document.cookie = "coordinates=" +
document.getElementById("coordinates").innerHTML;
}
else
{
alert('javascript cant find div coordinates');
}
return true;
}
</script>
 
I have a div on my page as below and want to write the content of the
div to a cookie so information can be passed between two differnet
pages.

Does anyone have any simple solution or workaround
Click to expand...

Yep - don't use cookies to persist state between pages - use Session
instead. That's what it's for...
 
I have a div on my page as below and want to write the content of the
div to a cookie so information can be passed between two differnet
pages. With the runat=server I find that the div is not visible to the
rest of page as I get the cant 'find div message'.

The application works fine without the runat=server, but I need to be
able to store the contents of the div in a databse for later recall,
hence need the runat=server.
Click to expand...

When you add "runat=server" the control becomes a server control and is
subject to the naming convention of server controls. If you look at the html
source of your page, you'll notice that the control is not named
"coordinates" anymore.
I also need the div to be accessible by the second page as it directly
reads the content using javascript...

parent.document.getElementById("coordinates").innerHTML = html ;


Does anyone have any simple solution or workaround as to how I can
keep the div accessible to javascript but also be able to keep the
runat=server bit?
Click to expand...

Try this:

parent.document.getElementById("<%= coordinates.ClientID %>").innerHTML =
html ;
 
Mark Rae said:
Persisting data between visits to the same site...
Click to expand...

Do you consider a postback that occurs 8 hours after the initial page-load
to be another "visit"?

I guess I shouldn't beat around the bush. There are situations where using
cookies is preferable (even necessary) for persisting data between pages
(long delays between postbacks, redirects to another virtual directory,
etc.). Whether the OPs situation is one of those is unclear, as he didn't
provide enough information.
 
Do you consider a postback that occurs 8 hours after the initial page-load
to be another "visit"?
Click to expand...


If you need to persist data for longer than the duration of session, then
you need to use a cookie...
 
OK forget the cookie thing. The real issue is this

I have a div in an asp.net page as below

<div id="coordinates" ></div>

Within this page I have an inline frame that contains another page
that is NOT an asp.net page. It is just a page full of javascript.

I can do things on this second page that that that change the content
of the div on the ASP page quite easily using the javascript...

parent.document.getElementById("coordinates").innerHTML = something ;

This all works fine until I add the runat=server to the div

<div id="coordinates" runat=server></div>

I need to add this as the content of the div now also needs to be able
to be filled from a database using the asp.net page. The problem now
is that by adding the runat=server, my second page in the inline frame
cannot now change the parent page as the div is no longer recognised.

I suspect there is a simple solution or workaround. I would appreciate
any useful suggestions.

Thanks in advance

Phil
 
baldrick said:
OK forget the cookie thing. The real issue is this

I have a div in an asp.net page as below

<div id="coordinates" ></div>

Within this page I have an inline frame that contains another page
that is NOT an asp.net page. It is just a page full of javascript.

I can do things on this second page that that that change the content
of the div on the ASP page quite easily using the javascript...

parent.document.getElementById("coordinates").innerHTML = something ;

This all works fine until I add the runat=server to the div

<div id="coordinates" runat=server></div>

I need to add this as the content of the div now also needs to be able
to be filled from a database using the asp.net page. The problem now
is that by adding the runat=server, my second page in the inline frame
cannot now change the parent page as the div is no longer recognised.

I suspect there is a simple solution or workaround. I would appreciate
any useful suggestions.
Click to expand...

There is. Did you see my other post?

Try this:

parent.document.getElementById("<%= coordinates.ClientId %>").innerHTML =
something ;


Oh, never mind, your inner page is not aspx. The problem is, when you add
"runat=server" then a different "name" attribute is assigned to the div when
the html is rendered. I'm not sure that there is a way around that. You
might try something along the lines of adding a non-server div inside a
server div, or vice-versa.
 
There is. Did you see my other post?

Try this:

parent.document.getElementById("<%= coordinates.ClientId %>").innerHTML =
something  ;

Oh, never mind, your inner page is not aspx. The problem is, when you add
"runat=server" then a different "name" attribute is assigned to thedivwhen
the html is rendered. I'm not sure that there is a way around that. You
might try something along the lines of adding a non-serverdivinside a
serverdiv, or vice-versa.- Hide quoted text -

- Show quoted text -
Click to expand...

Yes - just trying that now!
 
most probably, asp.net changes the id="coordinates" to something else

u can do something like this
<span id="coordinates" style="display:none"></span>
<div id="coordinates_div"></div>

javascript :

var o = parent.document.getElementById('coordinates')
while(o.tagName!='DIV')
o=o.nextSibling

o.innerHTML = 'something'
 
Back
Top