Сделать кнопку моего сайта сделать так же, как отправить

Question

поэтому у меня есть этот код, и он работает для моей кнопки отправки формы, но я хочу, чтобы он работал на моей кнопке ссылки

JavaScript:

function showLoading() {
document.getElementById('loadingmsg').style.display = 'block';
document.getElementById('loadingover').style.display = 'block'; }

HTML / CSS:

 <style type="text/css">
      #loadingmsg {
      color: black;
      background: #fff; 
      padding: 10px;
      position: fixed;
      top: 50%;
      left: 50%;
      z-index: 100;
      margin-right: -25%;
      margin-bottom: -25%;
      }
      #loadingover {
      background: black;
      z-index: 99;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      filter: alpha(opacity=80);
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;
      opacity: 0.8;
    }
</style>

<div id='loadingmsg' style='display: none;'>Redirecting, please wait...</div>
<div id='loadingover' style='display: none;'></div>
<form action='' method='post' onsubmit='refreshpage();showLoading();'> 
<input name='refresh' type="image" src="images/Next-Page-Button.gif" height="60" width="173" border="0" value='Refresh'> 
</form>

И я хочу, чтобы она работала над этой кнопкой

<li><a href="facebook.php"><img src="images/logos/facebooklikeicon.png" height="25" border="0" /> Earn Coins Facebook</a></li>

Как я могу заставить эту работу работать?

Answer 1

Сделайте это:

<a href="facebook.php" onclick="return showLoading();"><img src="images/logos/facebooklikeicon.png" height="25" border="0" /> Earn Coins Facebook</a>