クリックするとある要素を非表示にし、別の要素を表示するJavascriptプログラムを作成しています。IE では完全に動作します (Javascript が適切に動作することはめったにないため、私が本当に疑問に思っていることについて) が、Chrome ではまったく反応しません。通常のアラートを作成しようとしても、コードで hideDisplay() 関数の下に配置すると表示されません。
コードは次のとおりです。
画像をクリックすると非表示になり、代わりに div background2 が表示されます。IEでは動作しますが、Chromeでは画像を「選択」するだけで、青いオーバーレイで作成します。
<img src="screenxp.jpg" id="background1" onclick="hideDisplay(); window.setTimeout(failedto,1500);">
// Getting the elements
var background1 = document.getElementById('background1');
var background2 = document.getElementById('background2');
var win = document.getElementById('win');
// This is the function triggered when background1 ( image ) is clicked
function hideDisplay() {
background1.style.display = 'none';
background2.style.display = 'block';
window.setTimeout(dispwin,2000);
}
注: background1 の画像は 100% の幅と高さと絶対位置です。わかりませんが、JS コードでは問題にならない可能性がありますが、問題の原因であるかどうかはわかりません。
前もって感謝します。