Неожиданный пост

Question

На моей странице есть следующий фрагмент кода.

<script type="text/javascript">
      function expandCollapse(id){
        var produtos;
        if(id != null){
            produtos = document.getElementById("produtos_str21");
            if(produtos != null){ 
                if(produtos.style.display != "none"){
                    id.src="imgs/minus.png";
                    produtos.style.display = "none";
                }else{
                       id.src="imgs/plus.png";
                    produtos.style.display = "block";
                }
            }
        }
        return false;
    }
</script>
    <td>
       <input type="checkbox" name="pedidosSelected" value="str26" id="selectPedido_str26">
       <input type="image" name="" src="imgs/plus.png" onclick="javascript:expandCollapse(this)"                 id="colExpPedido_str21">
    </td>
    <td>str1</td>
    <td>str26</td>

* -> Таблица находится внутри формы

Каждый раз, когда я нажимаю на изображение, я иду к функции expandCollapse, как и ожидалось, но когда я вхожу в оператор if, который проверяет, является ли отображение «блоком» или «нет», страница создает сообщение и Никогда не "расширять" или "сворачивать" таблицу. Даже когда я комментирую код id.src = "imgs / minus.png" сообщение происходит. Почему происходит сообщение? И если этого не происходит, каждый раз, когда я меняю атрибут src в img, он делает POST или GET для загрузки изображения? Если да, как я могу переключаться между двумя изображениями, не загружая их каждый раз, когда я меняю src атрибут

Answer 1

Это делает, чтобы получить ... получить изображение. Если он кэширован, это не должен быть полный запрос - изображение не должно возвращаться.

Вход "image" является отправкой. Если вы не вернете false из обработчика или preventDefault каким-либо образом, форма будет отправлена.

Answer 2

input type="image" - это элемент отправки формы.Похоже, у вас нет формы, но, вероятно, она создается неявным образом средством визуализации, чтобы сделать ваш HTML действительным.Затем вы ничего не делаете для предотвращения отправки формы.

Что не так с тегом <img>?