Заменить текст с изображением [дубликата]

Question

Заменить текст с изображением [дубликата]

0

Когда пользователь заполняет форму и нажимает кнопку отправки, форма отключается во время отправки информации. Для отключения формы я использую следующий код:

$form.find('button').prop('disabled', true);

Как заменить текст кнопки загрузочным изображением?

user3035181 12 май 2014, в 10:08

Источник

0

Пожалуйста, оставьте свой HTML-код, а также
Rohit 12 май 2014, в 07:27
0

проверьте ссылку forum.jquery.com/topic/show-loading-image-when-clicking-a-link
Anand Jha 12 май 2014, в 07:34
0

Это не дубликат этого вопроса, который касается mootools, а этот - JQuery.
Farid Nouri Neshat 12 май 2014, в 08:48

Показать ещё 1 комментарий

Теги:

javascript

jquery

html5

4 ответа

0

вы можете использовать replaceWith для замены кнопки

$(":submit").on("click", function (e) {
    $("form").prop("disabled", true);
    $(this).replaceWith("<img id='loadingImg' src='http://www.loadinfo.net/images/preview/11_cyrcle_one_24.gif?1384388177' />");    
});

http://jsfiddle.net/btxKc/

rps 12 май 2014, в 05:48

0

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

$('input[type=submit]').css('background', "url('please_wait2.png') no-repeat top left");

и отключить его

$('input[type=submit]').prop("disabled",true)

Prabhat Jain 12 май 2014, в 05:46

0

Этот стиль CSS будет отображать изображение ожидания, когда кнопка включения или выключения статистики, я пишу или неправильно?
Sajitha Rathnayake 12 май 2014, в 08:04
0

Когда вы отправляете форму, она загружает изображение как фоновое изображение кнопки, а затем отключает его.
Prabhat Jain 12 май 2014, в 09:50

0

Если вы хотите поместить "загружать изображение" в кнопку, то в качестве решения вы можете установить свойство "background-image" на кнопку с URL-адресом вашего "загружаемого изображения". Также вы можете установить дополнительные свойства, чтобы определить, как должно выглядеть ваше изображение.

Пример:

$form.find('button').prop('background-image', 'url("img/loading.gif")');

kuzzmi 12 май 2014, в 04:40

Ещё вопросы

Пожалуйста, оставьте свой HTML-код, а также
проверьте ссылку forum.jquery.com/topic/show-loading-image-when-clicking-a-link
Это не дубликат этого вопроса, который касается mootools, а этот - JQuery.
Этот стиль CSS будет отображать изображение ожидания, когда кнопка включения или выключения статистики, я пишу или неправильно?
Когда вы отправляете форму, она загружает изображение как фоновое изображение кнопки, а затем отключает его.

jPO · Accepted Answer · 2014-05-12T05-42-00.000Z

Просто делать

$form.find('button').prop('disabled', true).html('<img src="yourimagesoruce">');