Click here to Skip to main content
12,950,618 members (57,837 online)
Rate this:
Please Sign up or sign in to vote.
Dear Experts,
I have a gridview having images in a cell. I just want to show and hide that image from javascript.

inside gridview template field
<img id="img1" alt="" src="../images/LoadingImage.gif" />
Posted 1-Feb-13 5:25am
Rate this: bad
Please Sign up or sign in to vote.

Solution 2

I solved myself. Solution is given below:-

var grdvw = document.getElementById("GridView1");
for(var i = 1; i < grdvw.rows.length; i++)
grdvw.rows[i].cells[0].getElementsByTagName('img')[0].style.visibility='visible'; //for hide grdvw.rows[i].cells[0].getElementsByTagName('img')[0].style.visibility='hidden';
Rate this: bad
Please Sign up or sign in to vote.

Solution 1

add onclick function to it. onclick="javascript:ShowHideImage(this);"
function ShowHideImage(imgelement)
// Your code goes here;

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

    Print Answers RSS
Top Experts
Last 24hrsThis month
OriginalGriff 5,984
CHill60 3,460
Maciej Los 3,053
Jochen Arndt 1,975
ppolymorphe 1,820

Advertise | Privacy | Mobile
Web02 | 2.8.170525.1 | Last Updated 11 Feb 2013
Copyright © CodeProject, 1999-2017
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100