How to Show a Div in JavaScript or JQuery

3 posts, 1 answers
  1. Vuyiswa
    Vuyiswa avatar
    7 posts
    Member since:
    Jun 2012

    Posted 18 Jun 2012 Link to this post

    Good Evening All 


    I have a small issue here. I have a Div inside a TD that is defined like this 


    <td    >
                  <div id="divGoogleEarthMap" runat="server" [B]style="display:none" [/B]
                      >
                      <asp:HiddenField ID="HiddenField1" runat="server" />
                      <asp:ImageButton ID="GoogleEarthMap" runat="server" Height="100px"
                          OnClientClick="javascript:showimage('GoogleEarthMap'); return false;"
                          Width="100px" />
                  </div>
              </td>


    now the display style of this div is hidden. so i have a Javascript that runs when i close my popup. the first thing that javascript does is to populate two textboxes and show this div. It populate the textboxes nicely , but it fails to show or unhide the div. i have tried to set of code example using the normal javascript and also JQuery as depicted below 



     
    $('#divGoogleEarthMap').css('display', "block;");
     


    and



     
    var div = document.getElementById("divGoogleEarthMap");<br>                div.style.display = "block";

     


    or 


    document.getElementById('divGoogleEarthMap').style.display = 'block';


    but still my Element cant be displayed. 

    Please note that i have a Sample Project that i can be supplied on request


    Thanks 
  2. Answer
    Kevin
    Kevin avatar
    360 posts
    Member since:
    Jul 2012

    Posted 19 Jun 2012 Link to this post

    Hello Vuyiswa,

    The problem is that you turned the div into a server control and most likely you're using a master page or it's contained inside of another server control, so the id gets changed before it renders it to the browser. You should try the following, in order to show the div:

    $('#<%=divGoogleEarthMap.ClientID%>').css('display', "block;");

    I hope that helps.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Vuyiswa
    Vuyiswa avatar
    7 posts
    Member since:
    Jun 2012

    Posted 19 Jun 2012 Link to this post

    Thanks it worked
Back to Top