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

Predator199

Дата 23.9.2012, 07:58 (ссылка)

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

Загрузка ...

Опытный

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

Репутация: -1
Всего: -4

После нажатия на субмит, блокируется кнопка и в тоже время форма не отправляется. Как разрешить отправку формы и в тоже время заблокировать кнопку после нажатия?

Код


       function startserver(home_id) {
       document.getElementById('submit').disabled=true;
        var divInfo = document.getElementById("status" + home_id);
        divInfo.innerHTML =  "<font color=green>Грузим....</font>";
        var oXmlHttp = zXmlHttp.createRequest(); 
        }

Это сообщение отредактировал(а) Predator199 - 23.9.2012, 08:07

ksnk

Дата 23.9.2012, 08:34 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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

Ну, к примеру, дизейблить кнопку ПОСЛЕ создания реквеста, а не ДО, как сейчас.
Если не поможет - дизейблить ее в таймауте

Код


function startserver(home_id) {
...
setTimeout(function(){document.getElementById('submit').disabled=true;},10);
...
}

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

Predator199

Дата 23.9.2012, 08:50 (ссылка)

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

Загрузка ...

Опытный

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

Репутация: -1
Всего: -4

Код


function startserver(home_id) {
        setTimeout(function(){document.getElementById('submit').disabled=true;},10);
        var divInfo = document.getElementById("status" + home_id);
        divInfo.innerHTML =  "<font color=green>Грузим....</font>";
        var oXmlHttp = zXmlHttp.createRequest(); 
        }

Так сразу оправляет форму, кнопка не блокируется.

Почему так не работает?

Код


function startserver(home_id) {
        var divInfo = document.getElementById("status" + home_id);
        divInfo.innerHTML =  "<font color=green>Грузим....</font>";
        var oXmlHttp = zXmlHttp.createRequest(); 
       document.getElementById('submit').disabled=true;
        }

По суте должна сразу форма отправится и в тоже время заблокировать субмит.

ksnk

Дата 23.9.2012, 09:12 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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

На востоке, когда болела девушка из достаточно богатой семьи, врачу приходилось диагностировать болезнь только по руке. Просто по тому, что правила не позволяли увидеть больше. Качество такого лечения можно себе представить.

Что такое zXmlHttp?
Каким образом вызывается функция startserver?

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

Predator199

Дата 23.9.2012, 09:19 (ссылка)

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

Загрузка ...

Опытный

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

Репутация: -1
Всего: -4

Код


    <input type="submit"  name="on" onclick="startserver(1);"  id="submit" value="Включить"/>

Код


var oXmlHttp = zXmlHttp.createRequest();

Без этого не отправится форма.

Это сообщение отредактировал(а) Predator199 - 23.9.2012, 09:33

ksnk

Дата 23.9.2012, 09:43 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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

Что такое zXmlHttp?

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

Predator199

Дата 23.9.2012, 10:34 (ссылка)

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

Загрузка ...

Опытный

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

Репутация: -1
Всего: -4

Лишнее.

Код


       function startserver(home_id) {
        var divInfo = document.getElementById("status" + home_id);
        divInfo.innerHTML =  "<font color=green>Грузим...</font>";
        document.getElementById('submit' + home_id).disabled=true;
        }

Это сообщение отредактировал(а) Predator199 - 23.9.2012, 10:42

Aliance

Дата 24.9.2012, 10:18 (ссылка)

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

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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

При клике на кнопку type="submit" происходит отправка формы решениями браузера. В вашем случае нужно через js предотвратить это дефолтное поведение (preventDefault() у объекта event), задизейблить кнопку, произвести нужные манипуляции и триггернуть событие submit у формы.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

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