0

クリックするとある要素を非表示にし、別の要素を表示する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 コードでは問題にならない可能性がありますが、問題の原因であるかどうかはわかりません。

前もって感謝します。

4

0 に答える 0