Как создать тумблер формы в качестве замены кнопки отправки?

Question

Как создать элемент / кнопку формы, которую можно стилизовать / использовать в качестве скриптовой кнопки, похожей на:

пример переключения gif

Если щелкнуть стрелку, она отправит форму и изменит статус на «включено», если оно было выключено, или «выключено», если оно было включено, соответственно обновив визуальное представление.

Answer 1

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

пример: http://www.webdevelopersnotes.com/tips/html/using_an_image_as_a_submit_button.php3

<input type="image" src="butup.gif" alt="Submit button">

тогда все, что вам нужно сделать, это изменить изображение. Вы можете даже включить AJAX, если хотите.

-

как отмечено ниже, если вы столкнетесь с проблемами при использовании type = image, вы все равно можете использовать обычную старую кнопку, просто стилизуйте ее правильно с помощью css.

Answer 2

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

Используйте обычный тег img и в обработчике onclick сделайте обратный вызов, как

__doPostBack ( parameter , argument );

Не используйте input type = "image". Это вызовет несколько обратных передач.