VPF::Проблемка с jquery - Форум программистов

MefistoJ

Дата 12.9.2010, 15:03 (ссылка)

(нет голосов)

Загрузка ...

хз

Профиль
Группа: Участник
Сообщений: 8
Регистрация: 21.2.2009

Репутация: нет
Всего: нет

В общем начал изучать jquery.Нужно написать маленькую форму по загрузке файлов чтобы
при нажатии сабмита,внизу поля загрузки файла добавлялась надпись добавлено и так каждый раз при загрузке файла (где то 10 раз).Строка вроде добавляется,но тут же исчезает.В чем дело?Я конечно извиняюсь за ламерский вопрос,но в сети ничего не смог найти.Вот код:

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title></title>
  <script src="http://xhtml.co.il/scripts/jquery-latest.js" type="text/javascript"></script>
  <style type="text/css">
#container
  {
     margin: 0 auto;
     width: 700px;
     
  }
  #container form p
  {
     float: left;
     margin-bottom: 5px;
  }
  
  </style>
  <script type="text/javascript">
      $(
          function(){
            
            $("input:submit").click(function(){
                
                $("<span>добавлено</span>").appendTo("#container");
                
            });
    }); 
    </script>
</head>

<body>
  <div id="container">
    <form action="" enctype="multipart/form-data">
      
          <input type=file name="uploadfile" size="50">
          <input type="submit" value="загрузить">
          
      
    </form>
  </div>
</body>
</html>

tenorio

Дата 12.9.2010, 15:42 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 4
Регистрация: 12.9.2010

Репутация: нет
Всего: нет

Привет.
Думаю, записи об успешном добавлении не будут исчезать, если скрипт поправить так:

Код


<script type="text/javascript">
      $(
          function(){
            
            $("input:submit").click(function(){
                
                $("<span>добавлено</span>").appendTo("#container");

                return false;
                
            });
    }); 
</script>

Дело в том, что в вашем случае jquery скрипт успешно отрабатывал, а затем происходила обработка сабмита формы по умолчанию и страничка перезагружадась - отсюда исчезновение надписи. Если допишем return false, то сработает только обработка сабмита формы средствами jquery.

MefistoJ

Дата 12.9.2010, 15:55 (ссылка)

(нет голосов)

Загрузка ...

хз

Профиль
Группа: Участник
Сообщений: 8
Регистрация: 21.2.2009

Репутация: нет
Всего: нет

Спасибо за объяснение!

tenorio

Дата 12.9.2010, 16:02 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 4
Регистрация: 12.9.2010

Репутация: нет
Всего: нет

Пожалуйста!
Только не забудьте, что если мы отменили стандартный сабмит формы, то данные из формы придется обрабатывать тоже средствами javascript в этом скрипте или передавать каким-нибудь методом jquery (.get, .post, .ajax, .load или другим...) другому скрипту.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »