• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1604
  • Last Modified:

hide and display div in nested gridview

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
craigywoos
Asked:
craigywoos
1 Solution
 
craigywoosAuthor Commented:
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

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now