javascript - クラスを切り替えてボタンを無効にする

Question

クラスをローディング グラフィックに切り替えて、onClick が呼び出されたとき、location.href が起動される前にボタンを無効にすることもできますか? 遅延があり、ダブルクリックを避けたいと思っています。誰かがこれのサンプルを見せてもらえますか?

<button type="button" class="MoreTides" onclick="location.href='http://www.domain.com/tides/parser_iphone.php?stats=$xml->stationid'">View Graph - Change Dates</button>

Answer 1

このようなものが始まりかもしれません：

<script>
  function loadPage(input) {
    input.disabled = true;
    input.className = "loadingButton"; // define how this should look in CSS
    location.href='http://www.domain.com/tides/parser_iphone.php?stats=$xml->stationid';
  }
</script>

<button type="button" class="MoreTides" onclick="loadPage(this)">View Graph - Change Dates</button>