JSが動作しない理由を教えてもらえますか?divはonclickがトリガーされても移動しませんか?
http://prime.programming-designs.com/designs/map/
私がマップ内をクリックしたときに、マウスのXYへのマークのdivを移動すると仮定しています。
JSが動作しない理由を教えてもらえますか?divはonclickがトリガーされても移動しませんか?
http://prime.programming-designs.com/designs/map/
私がマップ内をクリックしたときに、マウスのXYへのマークのdivを移動すると仮定しています。
はあなたのコンソールを開き、あなたが表示されます:
Uncaught TypeError: Cannot read property 'MouseX' of undefined
あなたのJavaScriptコードでline 33
に、document.Show
がundefined
であることが表示されます。
document.Show.MouseX.value = tempX;
そして、あなたclick
は、あなたがこの得るとき:mark
がnull
あるline 52
周り
Uncaught TypeError: Cannot read property 'style' of null
:
<div id="map" onclick="
mark.style.left = tempX + 'px';
mark.style.top = tempY + 'px';
">
<div id="mark"></div>
をあなたは置くこと、下方に向かってダウン全体<script>
タグを移動することができますそれはあなたののように閉じる</body>
タグ内にあります10がその要素を見つけます。
<body>
<div id="map" onclick="
mark.style.left = tempX + 'px';
mark.style.top = tempY + 'px';
">
<div id="mark"></div>
</div>
<script type="text/javascript">
<!--
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var mark = document.getElementById('mark');
var tempX = 0;
var tempY = 0;
function getMouseXY(e) {
if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}
else { // grab the x-y pos.s if browser is NS
tempX = e.pageX;
tempY = e.pageY;
}
if (tempX < 0){tempX = 0;}
if (tempY < 0){tempY = 0;}
document.Show.MouseX.value = tempX;
document.Show.MouseY.value = tempY;
return true;
}
//-->
</script>
</body>
私はFirefoxでコンソールを開く方法:このように
?また、どうすればこれらの問題を解決できますか?私はJSの初心者です。 – CyanPrime
@CyanPrime:Firefoxでは、Firebugという拡張機能をダウンロードする必要があります。次に、ウィンドウの下部にあるバグアイコンをクリックすると、下部に一連のパネルが表示されます。その間、私は自分の答えを更新しました。あなたの '