Please can you help!

I have a web application that uses javascript to create a scroll bar effect for my gridview but also maintains scroll position in certain circumstances. The maintain scroll position is triggered based on the value of a session variable called "shouldscroll". I am using Page Init event to add the maintain scroll position functionaility to the scroll event. I am using Visual Web Developer 2005 and VB.

This works fine when all of the code (VB parts and javascript) are all in one aspx page but I run into problems when I try to use a Master Page and Content Page. The scroll effect still works but I can no longer get the maintain scroll position functionality to work. Can anyone help with this? Below is some of the relevant code, sorry it's so long if I can provide it to anyone in any better way please let me know:

MASTER PAGE:

CODE

Protected Sub Page_Init(ByVal sender As Object, ByVal e As System.EventArgs)
Me.GridViewScrollSalesDetails2.Attributes.Add("onscroll", "javascript:setscrollPos();")
End Sub

<style type="text/css">
#GridViewScrollSalesDetails2
{
width: 73%; height: 100px; overflow: auto; margin-left: 5px;
} div#GridViewScrollSalesDetails2 table th
{
width: 100px;
} #GridViewScrollSalesDetails2 th
{
top: expression(document.getElementById( "GridViewScrollSalesDetails2" ).scrollTop-2);
z-index: 20;
} #GridViewScrollSalesDetails2 td.locked, #GridViewScrollSaleDetails2 th.locked
{
left: expression(document.getElementById( "GridViewScrollSalesDetails2" ).scrollLeft);
position: relative; z-index: 100; border: solid 1px white;
}
#GridViewScrollSalesDetails2 th, #GridViewScrollSalesDetails2 th.locked
{
position: relative; cursor: default; border: solid 1px white;
}
#GridViewScrollSalesDetails2 th.locked
{
z-index: 110;
}
</style>

<script type="text/javascript">

</script>

<form id="form1" runat="server">
<div id="GridViewScrollSalesDetails2" runat="server">
   <br />
<asp:contentplaceholder id="ContentPlaceHolder1" runat="server" >
</asp:contentplaceholder>
<br />
 </div>
</form>

CONTENT PAGE:

<div id="GridViewScrollSalesDetails2">
<asp:GridView............ </GridView>
</div>

Protected Sub GridView1_RowCommand(ByVal sender As Object, ByVal e As GridViewCommandEventArgs)

If e.CommandName = "Edit" Then
Session("shouldScroll") = "YES"
Else
End If

I'm not sure whether perhaps having changed the value of "shouldscroll" to Yes in the GridView1_RowCommand above in the content page whether it needs to somehow call the javascript function again from the Master Page?

Something I've noticed about the code aswell is that in order to assign the onscroll event in Page init to the GridViewScrollSalesDetails2, I have to put runat="server" within the <div> tag surrounding the Gridview being affected (when it was in a normal aspx page). When using Master Pages and Content pages I can't use runat="server" in the content page as this causes the scroll facility to not appear at all. I have therefore put the runat="server" in the <div> tag surrounding the contentplace holder instead - not sure if this is correct but it doesn't work anyway.

Just to re-iterate I can get the scroll effect to work between Master page and Content Page but not the maintain scroll position part of it.

Does anybody know what I'm doing wrong and if this is even possible. Maybe I have to revert back to a normal aspx page for the pages affected by this but this means duplicating code!!!
Thanks

Steven

BillyRayPreachersSon (Programmer)

30 Jan 08 4:29

At very least, you'd need to provide client-side code, not server-side code.

Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page @ Code Couch
http://www.codecouch.com/dan/

stark8352 (Programmer)

30 Jan 08 5:21

Dan,

Do you know how my code would change to support client side code or do you have any links to articles that will explain what I'm trying to achieve in client side code.

Thanks

Steven

trollacious (Programmer)

30 Jan 08 8:05

When you see the web page displayed in the browser, click on View, then Source. Copy that and show us the relevant parts here.

Lee

stark8352 (Programmer)

30 Jan 08 12:30

Lee/Dan,

Below is some of the client side code as you requested. I hope I've given you all the relevant bits. I did what you
said and run the page in the browser and this code was produced after I clicked the edit button of a
row in a gridview control after scrolling. It did not maintain the scroll position.

CODE

There was a lot more code than this so if I've missed anything obvious let me know.

Thanks

Steven

Start A New Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members!

Promoting, selling, recruiting and student posting
are not allowed in the forums.
Posting Policies

LINK TO THIS FORUM!

(Add Stickiness To Your Site By Linking To This Professionally Managed Technical Forum)

TITLE: Javascript Forum at Tek-Tips

URL: http://www.tek-tips.com/threadminder.cfm?pid=216

DESCRIPTION: Javascript technical support forum and mutual help system for computer professionals. Selling and recruiting forbidden.

Back To Forum

Back To Javascript

Member Login

Navigation

Come Join Us!

Partner With Us!

Member Feedback

Geography

Problem with Javascript in Master Page

CODE

CODE

Start A New Thread

Posting in the Tek-Tips forums is a member-only feature.

Promoting, selling, recruiting and student postingare not allowed in the forums.Posting Policies

LINK TO THIS FORUM!

Back To Forum

Promoting, selling, recruiting and student posting
are not allowed in the forums.
Posting Policies