別のコンテナがクリックされたときに div コンテナを非表示および再表示する Web ページをテストしています。これが Chrome であるとテストしたところ、問題なく動作しましたが、Web サーバーに配置した後、未定義のエラーが発生します。Web サーバーから Firefox でテストすると、正常に動作します。Lubuntu の Chromium では問題なく動作しますが、Windows の Chrome ではエラーが発生します。
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Chrome test</title>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<script type="text/javascript">
function hideDiv(nameId) {
var grouping = document.getElementById(nameId);
if(grouping.style.display == 'none') {
grouping.style.display = '';
} else {
grouping.style.display = 'none';
}
}
</script>
</head>
<body>
<div id="group">
<div id="header" onclick="hideDiv('failingtoclose');">
<span>Testing</span>
</div>
<div id="failingtoclose">
<span>More testing</span>
</div>
</div>
</body>
</html>
開発者のツールが私に与える警告:
'window.webkitStorageInfo' は非推奨です。代わりに「navigator.webkitTemporaryStorage」または「navigator.webkitPersistentStorage」を使用してください。
およびエラー:
Uncaught TypeError: Cannot read property 'display' of undefined (行 9)
Web サーバーは、Ubuntu で apache 2.2.22 を実行しています。