java script не работает на странице содержимого

-3

Нажимая на изображение «imgAdd», я хочу установить видимость div «divAddCustomerInfo» в true с помощью JavaScript. Но клик по изображению не работает. Я думаю, это потому, что JavaScript не работает. Кто-нибудь может помочь? Я заранее.java script не работает на странице содержимого

<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>

источник

2016-09-08 waqar ahmed somra

Добавить круглые скобки '()' в ваш 'onclick'. Это должно быть так: 'onclick = imgAdd_click()' –

извините, все еще не работает –

Вы пытаетесь ответить, дайте мне знать .. –

Обновление следующий участок, как

<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>

источник

2016-09-08 06:53:13 Sasikumar

извините, пока не работает –

Проверьте этот скрипт https://jsfiddle.net/k6rchaep/ – Sasikumar

thankyou. нажмите на изображение, чтобы предупредить сообщение. но div «divAddCustomerInfo» виден еще до щелчка по изображению. любое предложение? –

изменить следующие

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

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

источник

2016-09-08 06:55:16

«divAddCustomerInfo» видна еще до щелчка по изображению –

-1

Это рабочая версия вашего кода (смотрите ниже): Ваши ошибки:

отсутствие скобок в onclick
при отсутствии visibility: hidden; в 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'; 
}

источник

2016-09-08 06:56:14

Непонятно, как просто вырезать и вставлять вопрос OPs в ответ и говорить «Он работает по вашему желанию» помогает кому-нибудь? – Liam

@ Liam Не понимаю, идите дальше. –

java script не работает на странице содержимого

ответ

Смежные вопросы