Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions

hide and display div in nested gridview

Posted on 2009-03-30
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";
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" />
The div
<div id="div<%# Eval("doc_id") %>" style="display:none;position:relative;" >

Open in new window

Question by:craigywoos
1 Comment

Accepted Solution

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" />
The div
<div id="divMOD<%# Eval("doc_id") %>" style="display:none;position:relative;" >

Open in new window


Featured Post

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

A Change in PHP Behavior with Session Write Short Circuit (http://php.net/manual/en/book.session.php#116217) (Winter 2014)** With the release of PHP 5.6 the session handler changed in a way that many think should be considered a bug.  See the note …
What is Node.js? Node.js is a server side scripting language much like PHP or ASP but is used to implement the complete package of HTTP webserver and application framework. The difference is that Node.js’s execution engine is asynchronous and event…
This video teaches viewers how to create their own website using cPanel and Wordpress. Tutorial walks users through how to set up their own domain name from tools like Domain Registrar, Hosting Account, and Wordpress. More specifically, the order in…
Learn how to set-up custom confirmation messages to users who complete your Wufoo form. Include inputs from fields in your form, webpage redirects, and more with Wufoo’s confirmation options.

791 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