Solved

hide and display div in nested gridview

Posted on 2009-03-30
1
1,578 Views
Last Modified: 2013-11-07
I've used a javascript item from another posted question, but am finding it difficult to adapt it for a page with multiple mastergrids each containing nested gridviews. Hope that makes sense.

I have 7 mastergrids, each with a unique names. The problem I have is that the doc_id could appear in any number of mastergrids.  When clicking on the link to show the div it makes visible the first on it finds, even if it is not in the mastergrid you are currently viewing. I need it to open the div in the mastergrid/nested gridview that I m clicking.

Hope someone can point me in the right direction. I'm too tired now for looking ;-)
The JavaScript
 

<script type="text/javascript">

function ShowChildGrid(obj)

{

    var div = document.getElementById(obj);

    var img = document.getElementById('img' + obj);

    var theFlag = div.style.display == "none";

    div.style.display = (theFlag) ? "inline" : "none";

    img.src = (theFlag) ? "images/buttons/tl_arrow_down.gif" : "images/buttons/tl_arrow_straight.gif";

}

</script>
 

The button call
 

<a href="javascript:ShowChildGrid('div<%# Eval("doc_id") %>');">

                    <img id="imgdiv<%# Eval("doc_id") %>" 

                        alt="Click to show/hide documents" 

                        border="0" src="images/buttons/tl_arrow_straight.gif" />

                </a>
 

The div
 

<div id="div<%# Eval("doc_id") %>" style="display:none;position:relative;" >

Open in new window

0
Comment
Question by:craigywoos
1 Comment
 

Accepted Solution

by:
craigywoos earned 0 total points
ID: 24020246
Oh, it was so obvious. Of course it wasn't going to work.

I just needed to add a unique div id for each mastergrid.

So for this sample I've added MOD to uniquely identify this mastergrid. Just replace this for each mastergrid with something else.
Button call
 

<a href="javascript:ShowChildGrid('divMOD<%# Eval("doc_id") %>');">

                    <img id="imgdivMOD<%# Eval("doc_id") %>" 

                        alt="Click to show/hide documents" 

                        border="0" src="images/buttons/tl_arrow_straight.gif" />

                </a>
 
 

The div
 

<div id="divMOD<%# Eval("doc_id") %>" style="display:none;position:relative;" >

Open in new window

0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

New Relic: Our company recently started researching several products to figure out what were the best ways for us to increase our web page speed and to quickly identify performance problems that we may be having. One of the products we evaluated wa…
If I have to fix slow responding website my first thoughts are server side optimizations: the database may not be optimized or caching is not enabled, or things like that. We often overlook another major part of our web application: the client. We o…
Wufoo.com provides powerful tools for surveying targeted groups, and utilizing data from completed surveys to find trends, discover areas of demand or customer expectation, and make business decisions on products or services.
Learn how to set-up PayPal payment integration in your Wufoo form. Allow your users to remit payment through PayPal upon completion of your online form. This is helpful for collecting membership payments, customer payments, donations, and more.

746 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now