代码之家  ›  专栏  ›  技术社区  ›  Jack

将“提交”按钮替换为“进度指示器”,然后单击“上一步”

  •  0
  • Jack  · 技术社区  · 3 年前

    我有一个表单,当你点击提交按钮,它将取代一个进度条按钮。first.html的代码如下所示:

    <form action="next.html" method="post" >
    ......
    <div id="formsubmitbutton">
    <input type="submit" name="action" value=" GO " onclick="ButtonClicked()">  
    </div>
    <div id="buttonreplacement" style="margin-left:30px; display:none;">
    <img src="preload.gif" alt="analyzing...">
    </div>
    </div>
    </form>
    

    我刚才得到的javascript是:

        function ButtonClicked()
    {
       document.getElementById("formsubmitbutton").style.display = "none"; 
       document.getElementById("buttonreplacement").style.display = "";
       return true;
    }
    var FirstLoading = true;
    function RestoreSubmitButton()
    {
       if( FirstLoading )
       {
          FirstLoading = false;
          return;
       }
       document.getElementById("formsubmitbutton").style.display = ""; 
       document.getElementById("buttonreplacement").style.display = "none"; 
    }
    document.onfocus = RestoreSubmitButton;
    

    当我填写信息并单击Go按钮,它就用preload.gif替换了它时,这个功能就可以正常工作了

    但是,当我转到next.html并单击浏览器的“back”按钮返回first.html时,问题就出现了。Go按钮不见了,我仍然可以看到preload.gif!

    有没有办法去掉preload.gif,让Go按钮在不刷新页面的情况下显示出来?提前谢谢。

    0 回复  |  直到 3 年前