VPF::Блокирование кнопки - Форум программистов

Serious2008

Дата 6.10.2011, 14:16 (ссылка)

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

Загрузка ...

Опытный

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

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

Есть у меня такая форма, где есть возможность загружать файлы, так вот файлы грузятся автоматически. Мне нужно сделать так, чтобы покуда файлы не загрузятся, блокировалась кнопка отправить.

Код


<html>
    <head>
        <title>Загрузка файлов Ajax с помощью Jquery</title>
        <script type="text/javascript" src="jquery.js">
        </script>
        <script type="text/javascript" src="ajaxupload.js">
        </script>
        <script type="text/javascript" src="script.js">
        </script>
    </head>
    <body>
        
     <div id="uploadButton" class="button">
            
        <font>
                Загрузить
            </font>
    
            <img id="load" src="loadstop.gif"/>
        </div>
</td><td>
      <ol id="files">
            Загруженные файлы :
        </ol>
    </td><tr>
    
        <br><tr><td>
Тип бумаги</td> <td>
<select class="ff_elem" name="bum" id="ff_elem300">
<option value="mate">Матовая бумага</option>
<option value="glosy">Глянцевая бумага</option>
</select></td> </tr>
 <br> 

 <br> 
 <tr><td>
Примечаня </td> <td>
<textarea name="txtName" cols="20 " rows="5"></textarea>
<br></td> </tr>
 </table>
<div id="SendButton" class="button">
            
        <font>
                Отправить
            </font>
             
        </div>
 
</form>
</div>
    </body>
</html>

Я пытался вот так, кнопка загрузка блокируется, но кнопка отправить не блокируется.

Код


$(document).ready(function() {

            var button = $('#uploadButton'), interval;
            var sendbutton = $('#SendButton'), interval;

            $.ajax_upload(button, {
                        action : 'upload.php',
                        name : 'myfile',
                        onSubmit : function(file, ext) {
                            // показываем картинку загрузки файла
                            $("img#load").attr("src", "load.gif");
                            $("#uploadButton font").text('Загрузка');

                            /*
                             * Выключаем кнопку на время загрузки файла
                             */
                            sendbutton.disable();
                            this.disable();

                        },
                        onComplete : function(file, response) {
                            // убираем картинку загрузки файла
                            $("img#load").attr("src", "loadstop.gif");
                            $("#uploadButton font").text('Загрузить');

                            // снова включаем кнопку
                            this.enable();
                            sendbutton.enable();

                            // показываем что файл загружен
                            $("<li>" + file + "</li>").appendTo("#files");

                        }
                    });
        });

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