Отправить кнопку замены с изображением - PullRequest
Новая
       9

Отправить кнопку замены с изображением

0 голосов
/ 07 декабря 2018

У меня есть настольный веб-сайт, написанный на php.

У меня есть форма, в которой есть кнопка отправки в виде изображения с надписью «далее».Когда мои пользователи заполняют форму и нажимают на нее, я хочу, чтобы она отображала загрузочный GIF.Я поместил необходимую кодировку (насколько я понимаю), чтобы сделать это, но он не заменяет следующее изображение загрузочным GIF.Кто-нибудь может понять, что я делаю не так.

соответствующий раздел кода ниже. 

<div class="bb"><input type="image" src="./img/next.png" alt=" Create 
My Account " onclick="ButtonClicked()"/></div>
<div class="lb"><input type="image" src="./img/loading6.gif" alt=" 
loading button "/></div>
<BR>
<BR>
<BR>

</form>

</div>

<script type="text/javascript">

function ButtonClicked()
{
document.getElementById("bb").style.display = "none"; // to undisplay
document.getElementById("lb").style.display = ""; // to display
return true;
}
var FirstLoading = true;
function RestoreSubmitButton()
{
if( FirstLoading )
{
  FirstLoading = false;
  return;
}
document.getElementById("bb").style.display = ""; // to display
document.getElementById("lb").style.display = "none"; // to undisplay
}
// To disable restoring submit button, disable or delete next line.
//document.onfocus = RestoreSubmitButton;
</script>

Ответы [ 2 ]

0 голосов
/ 07 декабря 2018

Поскольку в вашем HTML нет " ID ".Вы установили имена классов как 'bb' и 'lb' .Замените эти классы на id , и это будет работать.Поэтому измените HTML, как показано ниже. 

<div id="bb"><input type="image" src="./img/next.png" alt=" Create 
My Account " onclick="ButtonClicked()"/></div>
<div id="lb"><input type="image" src="./img/loading6.gif" alt=" 
loading button "/></div>
<BR>
<BR>
<BR>

</form>

</div>
0 голосов
/ 07 декабря 2018

Вы используете класс для getElementById, замените класс на 'id', который будет работать лучше.

Каждый идентификатор должен быть одиночным, вы не можете иметь много раз один и тот же идентификатор.

И использовать тег imgскорее ввод для изображения.

И чтобы заключить display = "" и display = "none", это то же самое, использовать display = 'block' или display = 'inline-block';

...