Java-Skript funktioniert nicht in Content-Seite

Question

Durch Klicken auf Bild "imgAdd" möchte ich die Sichtbarkeit von div "divAddCustomerInfo" auf True mit JavaScript festlegen. Aber Klick auf Bild funktioniert nicht. Ich denke das liegt daran, dass JavaScript nicht funktioniert. Jeder kann helfen? Yanks im Voraus.

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> 
<script type="text/javascript"> 
    function imgAdd_click() { 
     document.getElementById("divAddCustomerInfo").style.visibility = 'visible'; 
    } 
</script> 
<div id="divCustomerBody" style="margin-left:300px; margin-top:50px;"> 
    <h1>Customer</h1> 
    <hr style="color:gray; width:900px; margin-left: 0px;" /> 
    <br /> 
    <div id="divOperationSymbol" style="height:100px; width:900px; "> 

     <div id="divAddition" onclick="divAddition_click()" style="height:100px; float:left; width:300px; " > 
      <img id="imgAdd" onclick="imgAdd_click()" src="001446-3d-transparent-glass-icon-media-a-media35-add.png" style="height:70px; width:70px; display:block; margin-left:auto; margin-right:auto;" /> 
      <label id="lblAdd" onclick="lblADD_click()" style="color: #a6a6a6; margin-left:100px;">Add Customer</label> 
     </div> 

    </div> 
</div> 
    <div id="divAddCustomerInfo" style="visibility: hidden; margin-left:300px; margin-top:50px;"> 

</div> 

Answer 1

Aktualisieren Sie den folgenden Abschnitt, der als

<div id="divAddition" onclick="divAddition_click()" style="height:100px; float:left; width:300px; " > 
      <img id="imgAdd" onclick="imgAdd_click()" src="001446-3d-transparent-glass-icon-media-a-media35-add.png" style="height:70px; width:70px; display:block; margin-left:auto; margin-right:auto;" /> 
      <label id="lblAdd" onclick="lblADD_click()" style="color: #a6a6a6; margin-left:100px;">Add Customer</label> 
     </div> 

Answer 2

Ändern Sie den folgenden

<div id="divAddCustomerInfo" runat="server" visible="false" style="margin-left:300px; margin-top:50px;"> 

In

<div id="divAddCustomerInfo" runat="server" style="visibility:hidden;margin-left:300px; margin-top:50px;"> 

Answer 3

Es ist Version des Codes arbeiten (siehe unten): Ihre Fehler:

• das Fehlen von Klammern in onclick
• das Fehlen visibility: hidden; in div id="divAddCustomerInfo"

---

<div id="divCustomerBody" style="margin-left:300px; margin-top:50px;"> 
    <h1>Customer</h1> 
    <hr style="color:gray; width:900px; margin-left: 0px;" /> 
    <br /> 
    <div id="divOperationSymbol" style="height:100px; width:900px; "> 

     <div id="divAddition" onclick="divAddition_click()" style="height:100px; float:left; width:300px; " > 
      <img id="imgAdd" onclick="imgAdd_click()" src="http://www.ipac.caltech.edu/2mass/gallery/antennae.jpg" style="height:70px; width:70px; display:block; margin-left:auto; margin-right:auto;" /> 
      <label id="lblAdd" onclick="lblADD_click()" style="color: #a6a6a6; margin-left:100px;">Add Customer</label> 
     </div> 

    </div> 
</div> 
<div id="divAddCustomerInfo" runat="server" style="margin-left:300px; margin-top:50px; visibility:hidden"> 
    Text 
</div> 

---

function imgAdd_click() { 
    document.getElementById("divAddCustomerInfo").style.visibility = 'visible'; 
}