JavaScript, изменяющий источник изображения, не сохраняется - PullRequest
1 голос
/ 28 августа 2011

Я должен изменить источник изображения при нажатии на изображение.Проблема в том, что изображение изменяется только во время выполнения функции, но возвращается к своему первоначальному значению сразу после !!!

Это то, что я сделал до сих пор:

<head>
<title></title>
<script type="text/javascript">
    function cardMouseClick(obj) {
        el = document.getElementById(obj);
        el.src = "image2.jpg";
    alert("Hello!");        
    }
</script>
</head>
<body>
<form id="form1">
   <input type="image" id="b1" src="image1.jpg"  
      onclick="cardMouseClick('b1')"/>

</form>
</body>

Изображение 2 отображается должным образом, в то время как всплывающее окно предупреждения Windows ожидает, когда пользователь нажмет OK.Затем он возвращается к image1!

Почему?

Ответы [ 3 ]

1 голос
/ 28 августа 2011

Вы должны предотвратить перезагрузку страницы:

<form id="form1">
   <input type="image" id="b1" src="image1.jpg"  
      onclick="cardMouseClick('b1'); return false;"/>
</form>
1 голос
/ 28 августа 2011

Потому что это отправка формы.return false из cardMouseClick(...).

0 голосов
/ 28 августа 2011

Вы можете сделать так.

        <head>
        <title></title>
        <script type="text/javascript">
              function cardMouseClick(obj) {
                    el = document.getElementById(obj);
                    el.src = "image2.jpg";
                    alert("Hello!");
                    return false;          
                   }
        </script>
       </head>
       <body>
       <form id="form1">
          <input type="image" id="b1" src="image1.jpg"  
            onclick="cardMouseClick('b1')"/>
       </form>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...